注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

我只是一个人

我爱一个人

 
 
 

日志

 
 

滚动插件jcarousellite  

2011-12-23 11:06:18|  分类: 网页制作--技巧| |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自flyflying1987《滚动插件jcarousellite》

pic_gun,某个div的id命名,我都佩服自己,这么觉的名字都想的出来

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.jcarousellite.js" type="text/javascript"></script>
<script type="text/javascript">
   $(document).ready(function(){
    $(".jCarouselLite").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
   auto: 2000,
   scroll: 3,
   speed: 1000
    });
   });
</script>
<div class="jCarouselLite">
     <ul>
      <li><img src="img/saefhgae4t.jpg" alt="" width="82" height="62"></li>
      <li><img src="img/saefhgae4t.jpg" alt="" width="82" height="62"></li>
      <li><img src="img/saefhgae4t.jpg" alt="" width="82" height="62"></li>
      <li><img src="img/saefhgae4t.jpg" alt="" width="82" height="62"></li>
      <li><img src="img/saefhgae4t.jpg" alt="" width="82" height="62"></li>
      <li><img src="img/saefhgae4t.jpg" alt="" width="82" height="62"></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   滚动结束时回调的函数,使用方法同上

  评论这张
 
阅读(188)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017