jcarousellite中文文檔 -- jquery左右圖片滾動插件

下載地址: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>
$(document).ready(function(){
    $(".類名").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev"
    });
});

html:
<div class="類名">
  <ul>
    <li></li>
  </ul>
</div>

參數說明:

btnPrev     string 上一個按鈕的class名, 比如  btnPrev: ".prev"

btnNext     string 下一個按鈕的class名, 比如  btnPrev: ".prev"

btnGo       array  自定義滾動位置,類似幻燈片效果置,有選項卡,按照數組順序,依次爲按鈕1按鈕2按鈕N,如以下,class名爲1的按鈕是第一個按鈕:[".1", ".2"]

mouseWheel  bool   鼠標滑是否可以輪控制上下滾動,可選:false,true,默認false

auto        int    指定多少秒內容定期自動滾動。默認爲空(null),是不滾動,如果設定的,單位爲毫秒,如1秒爲1000

speed       int    滑動的速度,可以嘗試800 1000 1500,設置成0將刪除效果

easing      string 緩衝效果名稱,如:easing: "bounceout",需要jquery中的easing pluin(緩衝插件實現),只適用於jq1.2

vertical    bool   是否垂直滾動,可選:false,true,默認false

circular    bool   是否循環滾動,默認爲true,如果爲false,滾動到最後一個將停止滾動

visible     int    可見數量,可以爲小數,如2.5爲2.5個li

start       int    開始的地方,默認是0

scroll      int    每次滾動的li數量

beforeStart func   滾動開始時回調的函數,可以傳入對象參數 beforeStart: function(a) { alert("開始的對象是:" + a)}

afterEnd    func   滾動結束時回調的函數,使用方法同上

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章