效果图:jQuery news ticker是一个非常方便的jQuery插件，能够快速让你生成这样的一个新闻行情效果。 它能够通过列表，HTML甚至是RSS（只能加载本站的RSS feed）来生成新闻内容，并且支持前后播放和停止。这个插件支持一系列的自定义选项，例如： 播放速度 播放效果 播放方向 显示时间 代码开发简单高效。 首先引入jQuery news ticker类库及其jQuery类库： 复制代码 代码如下: <link href="css/ticker-style.css" rel="stylesheet" type="text/css" /> <script src="jquery.ticker.js" type="text/javascript"></script> HTML代码： 复制代码 代码如下: <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： 复制代码 代码如下: <script type="text/javascript"> $(function () { $('#js-news').ticker(); }); </script> 官方网站 http://www.gbin1.com/technology/jquerynews/20111105jquerypluginnewsticker/demo.html相关文件下载

　　推荐阅读

　　jquery中使用ajax获取远程页面信息

效果图如下： 先贴前台代码：其中关键代码是 通过span标记的data(自定义属性)绑定Id 复制代码 代码如下: <asp:GridView ID="GvCollect" runat="server" AutoGenerateColumns="False" DataKeyNames="Id" onrowdelet>>>详细阅读

本文标题：jQuery News Ticker 基于jQuery的即时新闻行情展示插件

地址：http://www.17bianji.com/kaifa2/JS/23923.html

 1/2    1