jcarousellite

jcarousellite是一款jquery外掛程式,可以控制文檔元素滾動,豐富的參數設定可以控制滾動的更多細節,是一款不可多得的滾動外掛程式,使用非常方便,支持jquery1.2和以上版本。

基本介紹

  • 中文名:jcarousellite
  • 外文名:jcarousellite
  • 性質:外掛程式
  • 版本:1.0.1
當前版本,使用方法,頁頭調用,頁面元素,參數說明,

當前版本

最新版本是 1.1 ,有完整( (Uncompressed),壓縮( (Minified),打包(Packed)3個版本提供下載。

使用方法

頁頭調用

<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"
});
});

頁面元素

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

參數說明

btnPrev string 上一個按鈕的選擇器, 比如 btnPrev: ".prev"
btnNext string 下一個按鈕的選擇器, 比如 btnNext: ".next"
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 滾動結束時回調的函式,使用方法同上

熱門詞條

聯絡我們