效果图:
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
相关文件下载
网友评论文明上网理性发言已有0人参与
发表评论: