手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery News Ticker 基于jQuery的即时新闻行情展示插件
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
摘要:效果图:jQuerynewsticker是一个非常方便的jQuery插件,能够快速让你生成这样的一个新闻行情效果。它能够通过列表,HTML甚...

效果图:

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

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">

<ul id="js-news">

<li><a href="#">This is the 1st latest news item.</a></li>

<li><a href="#">This is the 2nd latest news item.</a></li>

<li><a href="#">This is the 3rd latest news item.</a></li>

<li><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取消ajax请求的方法

jQuery实现延迟跳转的方法

基于zepto的移动端轻量级日期插件--date

分享十五款 jQuery 社交网络分享插件

jQuery+ajax实现无刷新级联菜单示例

JQuery自动触发事件的方法

基于jQuery实现的无刷新表格分页实例

剖析Node.js异步编程中的回调与代码设计模式

javascript实现带下拉子菜单的导航菜单效果

jQuery实现文本展开收缩特效

精品推荐
分类导航