jcarousel Lite與jcarousel 相比去掉了皮膚的約束,可以自定義的設置前后按鈕和選項卡按鈕,生成的html更加簡潔,文件更小(2k)
下載鏈接:
使用方法:
復制代碼 代碼如下:
<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>
新聞熱點
疑難解答
圖片精選