星空网 > 软件开发 > Java

jQuery als.js 跑马灯

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

在线实例

实例演示

使用方法

<div id="lista1" >      <span ><img src='/images/loading.gif' data-original="images/thin_left_arrow_333.png"  title="previous" /></span>      <div >          <ul >              <li ><a href="#" target="_blank"> <img src='/images/loading.gif' data-original="images/als-images/calculator.png"  /> jQuery环状圆形菜单</a></li>              <li ><a href="#" target="_blank"> <img src='/images/loading.gif' data-original="images/als-images/light_bulb.png"  /> jQuery手机各种下拉菜单效果加搜索输入框</a></li>          </ul>      </div>      <span ><img src='/images/loading.gif' data-original="images/thin_right_arrow_333.png"  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 跑马灯

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流