Easy Slider 1.5 – 最简单的图片和内容滑动插件

Easy Slider是一个滑动门插件,支持任何图片或内容,当点击时实现横向或纵向滑动。它拥有一系列丰富的参数设置,可通过CSS来进行完全的控制。

所以,基本上你只需要链接这个插件文件后,设置好内容,然后样式化CSS就可以了。

原文来自:http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding

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

1、自动滚动(auto slide)

2、连续滚动(continuous sliding)

3、首页和尾页按钮("go to first" and "go to last" button)

4、可隐藏按钮(hiding controls)

5、可为按钮自定义样式(optional wrapping markup for control buttons )

6、支持垂直滚动(vertical sliding)

7、兼容一个页面可支持多个滑动门(multiple sliders on one page)

这个插件的最大特点就是使用起来非常简单,目前最新版本为EasySlider1.5,以下是参数说明::

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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时,滚动到最后一页后会跳到第一页继续滚动。

演示:

1.默认设置(没有样式化)

2.默认设置(样式化)

3.垂直滚动/first、last按钮可用(没有样式化)

4.自动滚动/连续滚动(样式化)

5.多个滚动/图像和内容滚动/含各种不同的设置(样式化)

下载:EasySlider1.5

 

站点统计