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開始 
});

參數詳解