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