jcarousel Lite與jcarousel 相比去掉了皮膚的約束,可以自定義的設(shè)置前后按鈕和選項(xiàng)卡按鈕,生成的html更加簡(jiǎn)潔,文件更小(2k)
下載鏈接:
使用方法:http://www.gmarwaha.com/jquery/jcarousellite/
<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>
<script type="text/javascript">
$(document).ready(function(){
$(".類名").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
//btnGo: [".1", ".2"], //自定義滾動(dòng)位置選項(xiàng)卡,按照數(shù)組順序
//auto: 2000, //指定多少毫秒定期自動(dòng)滾動(dòng)。默認(rèn)為null
//speed: 800, //滑動(dòng)的速度,可以嘗試800 1000 1500
//vertical:false, //是否垂直滾動(dòng),默認(rèn)false
//circular:true, //是否循環(huán)滾動(dòng),默認(rèn)為true
//visible:3, //元素可見(jiàn)數(shù)量,可以為小數(shù),如2.5為2.5個(gè)li
//scroll:1, //每次滾動(dòng)的li數(shù)量
//start:0, //開(kāi)始的地方,默認(rèn)是0
//beforeStart:function(){} //滾動(dòng)開(kāi)始時(shí)回調(diào)的函數(shù)
//afterEnd:function(){} //滾動(dòng)結(jié)束時(shí)回調(diào)的函數(shù)
});
});
</script>
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注