jQuery News Ticker 基于jQuery的即时新闻行情展示插件

今天分享一个新闻行情的jQUery插件,可以帮助大家使用比较小的页面区域来展示最新最重要的信息。

效果图:

jQuery News Ticker 基于jQuery的即时新闻行情展示插件



jQuery news ticker是一个非常方便的jQuery插件,能够快速让你生成这样的一个新闻行情效果。

它能够通过列表,HTML甚至是RSS(只能加载本站的RSS feed)来生成新闻内容,并且支持前后播放和停止。这个插件支持一系列的自定义选项,例如:

播放速度
播放效果
播放方向
显示时间
代码开发简单高效。

首先引入jQuery news ticker类库及其jQuery类库:

复制代码 代码如下:


<link href="https://www.jb51.net/css/ticker-style.css" type="text/css" />
<script src="https://www.jb51.net/jquery.ticker.js" type="text/javascript"></script>


HTML代码:

复制代码 代码如下:


<div>
<ul>
<li><a href="#">This is the 1st latest news item.</a></li>
<li><a href="#">This is the 2nd latest news item.</a></li>
<li><a href="#">This is the 3rd latest news item.</a></li>
<li><a href="#">This is the 4th latest news item.</a></li>
</ul>
</div>


javascript:

复制代码 代码如下:


<script type="text/javascript">
$(function () {
$('#js-news').ticker();
});
</script>



官方网站
相关文件下载

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdjfdz.html