jQuery News Ticker 基于jQuery的即时新闻行情展示插件
更新时间:2011年11月05日 14:45:33 作者:
今天分享一个新闻行情的jQUery插件,可以帮助大家使用比较小的页面区域来展示最新最重要的信息。
效果图:
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插件,能够快速让你生成这样的一个新闻行情效果。
它能够通过列表,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在GBK编码下表单提交终极解决方案(非二次编码方法)
当jquery ajax在utf-8编码下(页面utf-8,接收utf-8),无任何问题。可以正常post、get,处理页面直接获取正确的内容。2010-10-10JSON中key动态设置及JSON.parse和JSON.stringify()的区别
这篇文章主要介绍了JSON中key动态设置及JSON.parse和JSON.stringify()的区别讲解,非常不错,具有参考借鉴价值,需要的朋友参考下2016-12-12实例讲解jquery中mouseleave和mouseout的区别
这篇文章主要以实例详细讲解了jquery中mouseleave和mouseout的区别,模仿下拉框效果,感兴趣的小伙伴们可以参考一下2016-02-02jQuery Validate 验证,校验规则写在控件中的具体实例
本篇文章主要是对jQuery Validate 验证,校验规则写在控件中的具体实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助2014-02-02
最新评论