Easy Slider 是一个滑动门插件,支持任何图片或内容,当点击时实现横向或纵向滑动。它拥有一系列丰富的参数设置,可通过CSS来进行完全的控制。所以,基本上你只需要链接这个插件文件后,设置好内容,然后样式化CSS就可以了。
[img]http://files.jb51.net/upload/201006/20100611181328886.gif[/img]
[b]EasySlider的功能[/b]
支持横向或纵向滑动
支持自动滚动
支持连续滑动
“上一屏”和”下一屏按钮”
“到第一屏”和”最后一屏”按钮
隐藏的控制
可选的控制按钮包围标记
同一页面可支持多个滑动门
可设置滑动速度、是否自动、停顿间隔等等
[b]EasySlider的使用方法[/b]
[b]1. 首先是html标记[/b]
[url=javascript:void(0);]<span id="nextBtn"><a href="javascript:void(0);">Next</a></span>
</div>
注: 每个li里面的内容就是一个滑动层,下面的span用于滑动导航。
[b]2. 然后调用jquery库和EasySlider插件[/b]
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/easySlider.js"></script>
注: 放于</header>之前
[b]3. 初始化插件代码[/b]
[url=http://demo.jb51.net/js/easyslider1.7/01.html]默认设置(只有左右翻) [/url]
[url=http://demo.jb51.net/js/easyslider1.7/02.html]默认设置(下面是数字页面) [/url]