jcarousel Lite與jcarousel 相比去掉了皮膚的約束,可以自定義的設(shè)置前后按鈕和選項卡按鈕,生成的html更加簡潔,文件更小(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"], //自定義滾動位置選項卡,按照數(shù)組順序
//auto: 2000, //指定多少毫秒定期自動滾動。默認(rèn)為null
//speed: 800, //滑動的速度,可以嘗試800 1000 1500
//vertical:false, //是否垂直滾動,默認(rèn)false
//circular:true, //是否循環(huán)滾動,默認(rèn)為true
//visible:3, //元素可見數(shù)量,可以為小數(shù),如2.5為2.5個li
//scroll:1, //每次滾動的li數(shù)量
//start:0, //開始的地方,默認(rèn)是0
//beforeStart:function(){} //滾動開始時回調(diào)的函數(shù)
//afterEnd:function(){} //滾動結(jié)束時回調(diào)的函數(shù)
});
});
</script>
新聞熱點(diǎn)
疑難解答