幻灯片悬停: jCarouselLite

官方例子:[url]http://www.gmarwaha.com/jquery/jcarousellite/#demo[/url]
中文文档:[url]http://www.kmwzjs.com/site/p-view44.html[/url]

页头调用:
<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 滚动结束时回调的函数,使用方法同上
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值