转载

Newsticker-兼容IE8的jQuery滚动新闻插件

简要教程

jquery-newsticker是一款简单实用的jQuery滚动新闻(news ticker)插件。该滚动新闻插件使用简单，可以设置新闻滚动的速度，时间，动画函数等，并且可以兼容IE8浏览器。

查看演示 下载插件

使用方法

使用该滚动新闻插件需要引入jQuery1.8.2+、jquery.newsticker.js和jquery.newsticker.css文件。

<link rel="stylesheet" href="css/jquery.newsticker.css">               <script src="js/jquery.min.js"></script> <script src="js/jquery.newsticker.js"></script>

HTML结构

该滚动新闻采用无序列表的HTML结构，每一个列表项是一条新闻。

<div class="newsticker">     <ul class="newsticker-list">         <li class="newsticker-item">             That open was light...         </li>         <li class="newsticker-item">             That creature his bring waters...         </li>         <li class="newsticker-item">             And also. Firmament and Give....         </li>     </ul> </div>

初始化插件

在页面DOM元素加载完毕之后，可以通过下面的方法来初始化该滚动新闻插件。

$(function() {     $('.newsticker').newsticker(); });

配置参数

该滚动新闻插件有如下一些可用的配置参数：

height：newsticker的高度。
speed：动画的速度，单位毫秒。
start：文本的开始位置。
interval：两个文本显示之间的时间间隔，单位毫秒。
move：自定义动画函数。

来源：jQuery之家

正文到此结束

所属分类：编程技术

本文标签： 配置插件 tar list DOM js HTML ip 时间下载 CSS http UI src jquery 参数
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

Newsticker-兼容IE8的jQuery滚动新闻插件

热门推荐

相关文章

说给你听

本文目录

随机标签

书籍教程

近期评论

网站信息

其他链接

关于本站

问题交流