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时,滚动到最后一页后会跳到第一页继续滚动。
演示: