ali.js是一款滚动插件,滚动的内容可包含文字和图片。它的API也很强大,包括滚动区域可见个数、每次滚动个数、滚动方向、是否循环滚动、是否自动滚动、滚动间隔时间、滚动动画速度、动画效果、滚动方向以及开始滚动索引。

在线实例

实例演示

使用方法

<div id="lista1" class="als-container">  
    <span class="als-prev"><img src="data: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="data:images/als-images/calculator.png" alt="calculator" /> jQuery环状圆形菜单</a></li>  
            <li class="als-item"><a href="#" target="_blank"> <img src="data:images/als-images/light_bulb.png" alt="light_bulb" /> jQuery手机各种下拉菜单效果加搜索输入框</a></li>  
        </ul>  
    </div>  
    <span class="als-next"><img src="data: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

最新文章

  1. DataTable 删除列 调整列顺序 修改列标题名称
  2. git 使用技巧
  3. js自定义延迟执行函数
  4. DWZ (JUI) 教程(二):处理信息回馈的通用规范
  5. 【转】Android内存机制分析1——了解Android堆和栈
  6. 201521123121 《JAVA程序设计》第6周学习总结
  7. getMemory的经典例子
  8. [luaj]在安卓用使用luaj
  9. 再次理解 C# LINQ
  10. Java 数据类型总结
  11. F5-VM
  12. codechef Sum of Cubes 图论
  13. linux解压
  14. PCL深度图像(2)
  15. Windows 域用户
  16. RS错误RSV-VAL-0032之项目未在布局中引用的3种解决办法
  17. Servlet------&gt;jsp自定义标签4(重复标签体)
  18. 初步了解CUDA(零)
  19. boost之时间timer
  20. linux的文件,目录操作命令(mv,rm,cp)

热门文章

  1. VS2013模块对于SAFESEH映像是不安全的解决方法
  2. javascript中的原始值和复杂值
  3. Net连接mysql的公共Helper类MySqlHelper.cs带MySql.Data.dll下载
  4. 哈夫曼树(三)之 Java详解
  5. Deep learning:四十二(Denoise Autoencoder简单理解)
  6. [python]进阶学习之阅读代码
  7. angularjs中 *.min.js.map 404的问题
  8. 一步一步开发Game服务器(一)
  9. JavaScript最佳实践
  10. Android Studio快捷键每日一练(6)