JQuery插件之图片轮播插件–slideBox
本文共 1239 字，大约阅读时间需要 4 分钟。
来源：
今天偶然发现了一个比较好用的图片轮播插件—slideBox
先看看效果：
代码如下
1:
2:
3:
4:
5:slideBox轮播插件
6:
7:
8:
9:
10:一、左右轮播，滚动持续0.6秒，滚动延迟3秒，滚动效果swing，初始焦点第1张，点选按键自动隐藏，按键边框半径（IE8-只方不圆）5px（以上各项为默认设置值）
11:
12:
13:
14:
15:
16:
17:
18:二、上下轮播，滚动持续0.3秒，滚动延迟5秒，滚动效果linear，初始焦点第2张，点选按键自动隐藏
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29: jQuery(function($){ 30: $('#demo1').slideBox(); 31: $('#demo2').slideBox({ 32: direction : 'top',//left,top#方向
33: duration : 0.3,//滚动持续时间，单位：秒
34: easing : 'linear',//swing,linear//滚动特效
35: delay : 5,//滚动延迟时间，单位：秒
36: startIndex : 1//初始焦点顺序
37: });
38: });
39:
40:
41:适用浏览器：IE8、360、FireFox、Chrome等浏览器
42:来源：淡忘~浅思
43:
44:
45:
在代码中引入了slideBox.css和slideBox.js文件。demo1用的是默认的设置，demo2是自定义设置。
slide的默认设置如下
1: //默认参数
2: var defaults = { 3: direction : 'left',//left,top
4: duration : 0.6,//unit:seconds
5: easing : 'swing',//swing,linear
6: delay : 3,//unit:seconds
7: startIndex : 0,
8: hideClickBar : true,
9: clickBarRadius : 5,//unit:px
10: hideBottomBar : false,
11: width : null,
12: height : null
13: };
转载地址：http://swtgi.baihongyu.com/
你可能感兴趣的文章
time_wait和close_wait状态
查看>>
STL中vector、list、deque和map的区别
查看>>
Linux下多线程查看工具(pstree、ps、pstack)
查看>>
PID PPID LWP NLWP
查看>>
查看线程CPU占用情况
查看>>
查看个线程的CPU 内存占用
查看>>
Fiddler 教程
查看>>
apache 设置用户注意事项
查看>>
svn中设置文件夹链接
查看>>
find ./ -name "*.cgi" |xargs -i cp "{}" ./cgi-bin/
查看>>
svn st | awk '{if ( $1 == "?") { print $2}}' | xargs svn add
查看>>
mysql事务处理用法与实例详解
查看>>
利用iptables来配置linux禁止所有端口登陆和开放指定端口
查看>>
Python模块——struct
查看>>
mysql中select * for update
查看>>
linux vmstat 1 ,watch , pmap -p,
查看>>
MYSQL 相关
查看>>
python 构建client 程序
查看>>
c++ 加载so动态库中的资源
查看>>
加解密 签名
查看>>