jQuery als.js 跑馬燈

標籤：

ali.js是一款滾動外掛程式，滾動的內容可包含文字和圖片。它的API也很強大，包括捲動區域可見個數、每次滾動個數、滾動方向、是否迴圈滾動、是否自動滾動、滾動間隔時間、滾動動畫速度、動畫效果、滾動方向以及開始滾動索引。

線上執行個體

執行個體示範

使用方法

<div id="lista1" class="als-container">      <span class="als-prev"><img src="images/thin_left_arrow_333.png" alt="prev" title="previous" /></span>      <div class="als-viewport">          <ul class="als-wrapper">              <li class="als-item"><a href="#" target="_blank"> <img src="images/als-images/calculator.png" alt="calculator" /> jQuery環狀圓形菜單</a></li>              <li class="als-item"><a href="#" target="_blank"> <img src="images/als-images/light_bulb.png" alt="light_bulb" /> jQuery手機各種下拉式功能表效果加搜尋輸入框</a></li>          </ul>      </div>      <span class="als-next"><img src="images/thin_right_arrow_333.png" alt="next" title="next" /></span>  </div>$("#lista1").als({     visible_items: 4, //可見個數     scrolling_items: 2, //每次滾動個數     orientation: "horizontal", //滾動方向     circular: "yes", //是否迴圈滾動     autoscroll: "no", //自動播放     interval: 5000, //滾動間隔時間     speed: 500, //滾動動畫速度     easing: "linear", //動畫效果     direction: "right", //滾動方向     start_from: 0 //初始化索引，從0開始 });

　　

參數詳解

參數	描述	預設值
visible_items	可見個數	3
scrolling_items	每次滾動個數	1
orientation	滾動方向，可選‘horizontal‘,‘vertical‘	horizontal
circular	是否迴圈滾動	no
autoscroll	是否自動滾動	no
interval	滾動間隔時間 毫秒	4000
speed	滾動動畫速度 毫秒	600
easing	動畫效果，選擇性參數‘linear‘,‘swing‘	swing
direction	滾動方向，選擇性參數‘left‘,‘right‘,‘down‘,‘up‘	left
start_from	開始滾動索引	0

下載

 

jQuery als.js 跑馬燈