使用步骤
1、引入以下的js和css文件
1 2 | <link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" /><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/easySlider1.7.js"></script> |
2、在head标签中加入以下js代码
1 2 | $("#slider").easySlider({auto: true, continuous: true}); |
3、在body标签中加入以下格式的html代码
1 2 3 4 5 6 7 8 9 | <div id="slider"> <ul> </ul></div> |
参数配置
参数名 参数说明 参数取值 默认值
prevId “上一张”按钮的ID ID字符串
prevText “上一张”按钮的文字 字符串
nextId “下一张”按钮的ID ID字符串
nextText “下一张”按钮的文字 字符串
controlsShow 是否显示控制条 true或false
controlsBefore 如果您想添加一些额外的标记来获得更多的控制按钮你可以通过使用这些参数 标记
controlsAfter 如果您想添加一些额外的标记来获得更多的控制按钮你可以通过使用这些参数 标记
controlsFade 如果设置为false,当幻灯片到达末尾的时候将会使按钮失效 true或false true
firstId “第一张”按钮的ID ID字符串
firstText “第一张”按钮的文字 字符串
firstShow 是否显示回到第一张按钮 true或false
lastId “最后一张”按钮的ID ID字符串
lastText “最后一张”按钮的文字 字符串
lastShow 是否显示回到最后一张按钮 true或false
vertical 是否垂直滚动 true或false false
speed 幻灯片播放毫秒速度 整数
auto 是否自动播放 true或false true
pause 如果将auto设为true，表示幻灯片切换间隔毫秒 整数
continuous 是否连续播放 ture或false
numeric 是否显示数字导航代替上一页/下一页导航 ture或false
numericId 数字导航的ID ID字符串
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： JQUERY图片弹出框插件-JQUERY LIGHTBOX
- 下一个特效： 强力推荐一款强大布局插件-FERROSLIDER