Web-Ticker是一款功能强大的jQuery跑马灯插件。该跑马灯插件允许你动态修改跑马灯的内容，允许设置移动的过渡动画效果，可以使用图片，可以从RSS中调用内容等。

安装

可以通过npm来安装该跑马灯插件。

npm install webticker                  
                

使用方法

在页面中引入jquery和jquery.webticker.min.js文件。

<script type="text/javascript" src="path/to/jquery.min.js"></script>
<script type="text/javascript" src="path/to/jquery.webticker.min.js"></script>
                

HTML结构

使用无序列表作为跑马灯的HTML结构。

<ul id="webTicker">
    <li>文本1</li>
    <li>文本2</li>
    <li>文本3</li>
    <li>......</li>
</ul>                  
                

初始化插件

在页面加载完毕之后，可以通过webTicker()方法来初始化该跑马灯插件。

$('#webTicker').webTicker();             
                

配置参数

该跑马灯可用的配置参数如下：

方法

Web-Ticker跑马灯插件的github地址为：https://github.com/mazedigital/Web-Ticker

在线预览    源码下载