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
相关文章推荐
- EasySlider-最简洁的JQuery滚动插件 可控制滚动
- EasySlider 图片滚动的JQuery插件的改版(支持多张图片同时显示)
- JQuery滚动插件EasySlider配置详解
- JQuery插件iScroll实现下拉刷新,滚动翻页特效
- jQuery插件―【图片文字循环滚动】
- jQuery.smoove — jQuery和CSS3炫酷滚动页面内容元素动画特效插件
- 基于jquery的图片滚动插件代码
- 分享一个超棒的jQuery的单页面滚动导航设计插件 - jQuery one page nav
- Jquery图片滚动插件—BxCarousel
- 推荐一个内容滚动jquery插件
- jQuery全屏滚动插件FullPage.js中文帮助文档API
- jQuery插件scroll实现无缝滚动效果
- jQuery-插件-图片左右无缝滚动
- 使用jquery写一个热键(J/K)动态滚动浏览插件
- jQuery插件实现文字无缝向上滚动效果代码
- jquery插件之文字间歇自动向上滚动效果代码
- jQuery全屏滚动插件fullPage.js
- 一个非常简洁的 jQuery 图片轮播插件
- 简单的Jquery文件向上滚动插件
- jquery.flexslider.js带左右箭头且带按钮可滚动的图片插件