当前位置:编程学习 > JS >>

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

答案:效果图:


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

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

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

首先引入jQuery news ticker类库及其jQuery类库:
复制代码 代码如下:

<link href=><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=><li class="news-item"><a href=><li class="news-item"><a href=><li class="news-item"><a href=></ul>
</div>

javascript:
复制代码 代码如下:

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


官方网站 http://www.gbin1.com/technology/jquerynews/20111105jquerypluginnewsticker/demo.html
相关文件下载

上一个:js Html结构转字符串形式显示代码
下一个:JQuery模板插件 jquery.tmpl 动态ajax扩展

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,