基于jQuery手风琴特效插件

基于jQuery手风琴特效插件

该插件将手风琴效果和图片轮播完美的结合在一起,使用手风琴效果替代了传统图片轮播中使用的滑块。这个插件是使用手风琴效果的一个不错的选择。

使用方法
在页面引入相关JS代码

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function() {
    $('#slidorion').slidorion({
        hoverPause: true,
        interval: 2500,
        speed: 500,
        effect: 'fade'
    });
    $('#slidorion1').slidorion({
        interval: 4000,
        speed: 1000,
        effect: 'overLeft'
    });
});

CSS样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#slidorion1 {
    width: 768px;
    height: 400px; 
    position: relative;
    left: 50%;
    margin-left: -384px;
    padding: 10px;
    background: #cbcbcb;
    border: 1px solid #bbb;
    -webkit-box-shadow: 0 0 34px #bbb;
    -moz-box-shadow: 0 0 34px #bbb;
    box-shadow: 0 0 34px #bbb;
}
#header {
    width:1000px;
}
当前内容只有登录了才能查看,如果您已经注册,请登录
0

发表评论