jq 列表滚动图片jcarousellite插件介绍

下载地址:http://www.gmarwaha.com/jquery/jcarousellite/
<div id="demo">
  <ul>
    <li></li>
  </ul>
</div>
 

$('#demo').jCarouselLite({

  btnNext :"#next", //下一个按钮

  btnPrev:"#prev",//上一个按钮

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

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

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

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

  scroll:6,//滚动的多少个图片

 speed:"slow",//速度的值

 visible:6,//可以看到的图片,不然以默认的3个图片显示出来的

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

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

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

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

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

})

 

类是一个滚动插件:上一个按钮显示不可点击,下一个按钮显示点击按钮 

http://sorgalla.com/jcarousel/

中文翻译:http://www.zhangxinxu.com/wordpress/2009/12/jquery%e5%9b%be%e7%89%87%e6%96%87%e6%9c%ac%e6%bb%9a%e5%8a%a8%e5%88%87%e6%8d%a2%e6%8f%92%e4%bb%b6jcarousel%e4%b8%ad%e6%96%87%e7%bf%bb%e8%af%91%e4%b8%8e%e8%af%a6%e8%a7%a3/

posted on 2013-02-24 14:58  仙梦之飘  阅读(490)  评论(0编辑  收藏  举报