您的位置:首页 > Web前端 > JQuery

EasySlider-最简洁的JQuery滚动插件

2013-03-11 14:38 239 查看




EasySlider 是由 AlenGrakalic 开发的基于JQuery的滚动插件,它支持以下功能:

1、自动滚动
2、连续滚动
3、首页和尾页按钮
4、可隐藏按钮
5、可为按钮自定义样式
6、支持垂直滚动
7、兼容一个页面多个滚动效果
这个插件的最大特点就是使用起来非常简单,目前最新版本为EasySlider1.5,以下是参数说明:

prevId: 'prevBtn',

prevText: 'Previous',

nextId: 'nextBtn',

nextText: 'Next',

controlsShow:
true,
controlsBefore:
'',
controlsAfter:
'',
controlsFade:
true,
firstId: 'firstBtn',

firstText: 'First',

firstShow: false,

lastId: 'lastBtn',

lastText: 'Last',

lastShow: false,

vertical: false,

speed: 800,

auto: false,

pause: 2000,

continuous: false

controlsShow:
默认为true,如果改为false滚动条滚动模式变为自动。
controlsBefore and controlsAfter:
默认为空,用于在控制按钮上增加自定义的HTML片段,controlsBefore为增加在按钮前面的代码,controlsAfter为增加在按钮后面的代码。
controlsFade:
默认为true,如果设置成false,滚动到最后一页的时候按钮不会消失。
firstShow and lastShow:
是否显示第一页和最后一页的按钮。
auto:
设置滚动条自动滚动,一般不用修改。
pause:
自动滚动时设置的滚动间隔时间的毫秒数。
continuous:
设置为true时,滚动到最后一页后会跳到第一页继续滚动。
演示:

默认设置(没有样式化)
默认设置(样式化)
垂直滚动/first、last按钮可用(没有样式化)
自动滚动/连续滚动(样式化)
多个滚动/图像和内容滚动/含各种不同的设置(样式化)
下载:EasySlider1.5
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: