jQuery News Ticker 基于jQuery的即时新闻行情展示插件
2011-11-05 00:00
531 查看
效果图:
jQuery news ticker是一个非常方便的jQuery插件,能够快速让你生成这样的一个新闻行情效果。
它能够通过列表,HTML甚至是RSS(只能加载本站的RSS feed)来生成新闻内容,并且支持前后播放和停止。这个插件支持一系列的自定义选项,例如:
播放速度
播放效果
播放方向
显示时间
代码开发简单高效。
首先引入jQuery news ticker类库及其jQuery类库:
HTML代码:
javascript:
官方网站 http://www.gbin1.com/technology/jquerynews/20111105jquerypluginnewsticker/demo.html
相关文件下载
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 News Ticker 基于jQuery的即时新闻行情展示插件
- 一个jQuery的即时新闻行情展示插件jQuery News Ticker
- 一个jQuery的即时新闻行情展示插件jQuery News Ticker
- 一个jQuery的即时新闻行情展示插件jQuery News Ticker
- 即时新闻展示插件jQuery News Ticker,超级简单!
- 一款基于jQuery的热点新闻Tab选项卡插件
- 基于bootstrap的响应式jQuery滚动新闻插件 _bootstrapNew
- 超强的jquery极品插件--色彩选择器类/ 右键菜单类/ 图片新闻flash展示类
- 超强的jquery极品插件--色彩选择器类/ 右键菜单类/ 图片新闻flash展示类
- 分享几个基于jQuery不错的前端相册展示插件代码
- 分享几个基于jQuery不错的前端相册展示插件代码
- 基于jquery的无缝循环新闻列表插件
- 一款基于jQuery的热点新闻Tab选项卡插件
- MicroCoder flashSlider——基于Jquery的图片展示插件
- flashSlider——基于Jquery的图片展示插件
- 基于jquery的无缝循环新闻列表插件
- 自己动手编写jQuery滚动新闻(jQuery News Ticker)插件
- 15款JQuery图片展示效果插件
- 基于jQuery图像缩放工具插件Zoomer