jcarousel Lite與jcarousel 相比去掉了皮膚的約束,可以自訂的設定前後按鈕和選項卡按鈕,產生的html更簡潔,檔案更小(2k)
下載連結:
使用方法:http://www.gmarwaha.com/jquery/jcarousellite/
複製代碼代碼如下:
<div>
<ul>
<li></li>
</ul>
</div>
<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>