JCarouselLite--帮助文档

mac2022-06-30  148

jcarousellite是一款jquery插件,可以控制文档元素滚动,丰富的参数设置可以控制滚动的更多细节,是一款不可多得的滚动插件。 ------------------ 官网地址:http://www.gmarwaha.com/jquery/jcarousellite/

------------------------------------------------------------------------------------------------------------------------------

我参考了一些国外网站(他们喜欢将一些插件文件内容参数等都写在了一个总的js文件内…),将该插件内容复制到我的总的wxyx.js的里面,写了参数等,减少了文件的请求数…,

我主要是用来设置案例无缝展示还设置了滚动效果。。

--------------------------------------------------------------------------------------------------------------

使用方法: 页头调用: <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script> $(document).ready(function(){     $(".类名").jCarouselLite({         btnNext: ".next",         btnPrev: ".prev"     }); }); html: <div class="类名">   <ul>     <li></li>   </ul> </div>

参数说明:

btnPrev     string 上一个按钮的class名, 比如  btnPrev: ".prev"

btnNext     string 下一个按钮的class名, 比如  btnPrev: ".prev"

btnGo       array  自定义滚动位置,类似幻灯片效果置,有选项卡,按照数组顺序,依次为按钮1按钮2按钮N,如以下,class名为1的按钮是第一个按钮:[".1", ".2"]

mouseWheel  bool   鼠标滑是否可以轮控制上下滚动,可选:false,true,默认false

auto        int    指定多少秒内容定期自动滚动。默认为空(null),是不滚动,如果设定的,单位为毫秒,如1秒为1000

speed       int    滑动的速度,可以尝试800 1000 1500,设置成0将删除效果

easing      string 缓冲效果名称,如:easing: "bounceout",需要jquery中的easing pluin(缓冲插件实现),只适用于jq1.2

vertical    bool   是否垂直滚动,可选:false,true,默认false

circular    bool   是否循环滚动,默认为true,如果为false,滚动到最后一个将停止滚动

visible     int    可见数量,可以为小数,如2.5为2.5个li

start       int    开始的地方,默认是0

scroll      int    每次滚动的li数量

beforeStart func   滚动开始时回调的函数,可以传入对象参数 beforeStart: function(a) { alert("开始的对象是:" + a)}

afterEnd    func   滚动结束时回调的函数,使用方法同上。

添加easing引用

<参考:http://www.kmwzjs.com/site/p-view44.html>

转载于:https://www.cnblogs.com/ChandlerVer5/p/jcarousellite.html

相关资源:JAVA上百实例源码以及开源项目
最新回复(0)