当前位置：首页 > 资讯 > 技术文档

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

时间：2022-11-05 03:03 编辑：来源：阅读：
扫一扫，手机访问

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

效果图: [img]http://files.jb51.net/upload/201111/20111105143644794.png[/img] jQuery news ticker是一个非常方便的jQuery插件，能够快速让你生成这样的一个新闻行情效果。它能够通过列表，HTML甚至是RSS（只能加载本站的RSS feed）来生成新闻内容，并且支持前后播放和停止。这个插件支持一系列的自定义选项，例如：播放速度播放效果播放方向显示时间代码开发简单高效。首先引入jQuery news ticker类库及其jQuery类库：

[url=css/ticker-style.css]<script src="jquery.ticker.js" type="text/javascript"></script>

HTML代码：

[u]复制代码[/u][/url] 代码如下:

<div id="ticker-wrapper" class="no-js"> <ul id="js-news" class="js-hidden"> <li class="news-item"><a href="#">This is the 1st latest news item.</a></li> <li class="news-item"><a href="#">This is the 2nd latest news item.</a></li> <li class="news-item"><a href="#">This is the 3rd latest news item.</a></li> <li class="news-item"><a href="#">This is the 4th latest news item.</a></li> </ul> </div>

javascript：

[url=http://www.gbin1.com/technology/jquerynews/20111105jquerypluginnewsticker/demo.html]http://www.gbin1.com/technology/jquerynews/20111105jquerypluginnewsticker/demo.html[/url] [url=http://xiazai.jb51.net/201111/yuanma/jQueryNewsTicker.rar]相关文件下载[/url]