快捷導(dǎo)航

jQuery News Ticker 基于jQuery的即時(shí)新聞行情展示插件

更新時(shí)間：2011年11月05日 14:45:33 作者：

今天分享一個(gè)新聞行情的jQUery插件，可以幫助大家使用比較小的頁(yè)面區(qū)域來(lái)展示最新最重要的信息。

效果圖:

jQuery news ticker是一個(gè)非常方便的jQuery插件，能夠快速讓你生成這樣的一個(gè)新聞行情效果。

它能夠通過(guò)列表，HTML甚至是RSS（只能加載本站的RSS feed）來(lái)生成新聞內(nèi)容，并且支持前后播放和停止。這個(gè)插件支持一系列的自定義選項(xiàng)，例如：

播放速度
播放效果
播放方向
顯示時(shí)間
代碼開(kāi)發(fā)簡(jiǎn)單高效。

首先引入jQuery news ticker類庫(kù)及其jQuery類庫(kù)：

復(fù)制代碼代碼如下:

 
<link href="css/ticker-style.css" rel="stylesheet" type="text/css" /> 
<script src="jquery.ticker.js" type="text/javascript"></script> 

HTML代碼：

復(fù)制代碼代碼如下:

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

復(fù)制代碼代碼如下:

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

官方網(wǎng)站 http://www.gbin1.com/technology/jquerynews/20111105jquerypluginnewsticker/demo.html
相關(guān)文件下載

您可能感興趣的文章:

新聞行情

相關(guān)文章

jQuery代碼實(shí)現(xiàn)實(shí)時(shí)獲取時(shí)間
這篇文章主要介紹了jQuery代碼實(shí)現(xiàn)實(shí)時(shí)獲取時(shí)間功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-01-01
jQuery EasyUI開(kāi)發(fā)技巧總結(jié)
這篇文章主要介紹了jQuery EasyUI開(kāi)發(fā)技巧總結(jié)的相關(guān)資料,希望通過(guò)本文大家能夠掌握EasyUI的開(kāi)發(fā)技巧，需要的朋友可以參考下
2017-09-09
jquery-1.2.6得到焦點(diǎn)與失去焦點(diǎn)的寫(xiě)法
jquery-1.2.6得到焦點(diǎn)與失去焦點(diǎn)的實(shí)現(xiàn)方法。點(diǎn)擊“運(yùn)行”后，請(qǐng)刷新一次。
2009-05-05
jQuery ajax在GBK編碼下表單提交終極解決方案(非二次編碼方法)
當(dāng)jquery ajax在utf-8編碼下（頁(yè)面utf－8，接收utf-8），無(wú)任何問(wèn)題?？梢哉ost、get，處理頁(yè)面直接獲取正確的內(nèi)容。
2010-10-10
JQuery實(shí)現(xiàn)簡(jiǎn)單的復(fù)選框樹(shù)形結(jié)構(gòu)圖示例【附源碼下載】
這篇文章主要介紹了JQuery實(shí)現(xiàn)簡(jiǎn)單的復(fù)選框樹(shù)形結(jié)構(gòu)圖,涉及jQuery頁(yè)面元素屬性動(dòng)態(tài)操作與事件響應(yīng)相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
2019-07-07
基于jQuery實(shí)現(xiàn)網(wǎng)頁(yè)進(jìn)度顯示插件
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)網(wǎng)頁(yè)進(jìn)度顯示插件的實(shí)現(xiàn)方法以及源碼下載，十分的詳細(xì)，并自帶2種皮膚，這里推薦給小伙伴們。
2015-03-03
jQuery實(shí)現(xiàn)的購(gòu)物車(chē)物品數(shù)量加減功能代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的購(gòu)物車(chē)物品數(shù)量加減功能,涉及jQuery針對(duì)鼠標(biāo)事件的響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2016-11-11
JSON中key動(dòng)態(tài)設(shè)置及JSON.parse和JSON.stringify()的區(qū)別
這篇文章主要介紹了JSON中key動(dòng)態(tài)設(shè)置及JSON.parse和JSON.stringify()的區(qū)別講解，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
2016-12-12
實(shí)例講解jquery中mouseleave和mouseout的區(qū)別
這篇文章主要以實(shí)例詳細(xì)講解了jquery中mouseleave和mouseout的區(qū)別，模仿下拉框效果，感興趣的小伙伴們可以參考一下
2016-02-02
jQuery Validate 驗(yàn)證,校驗(yàn)規(guī)則寫(xiě)在控件中的具體實(shí)例
本篇文章主要是對(duì)jQuery Validate 驗(yàn)證,校驗(yàn)規(guī)則寫(xiě)在控件中的具體實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-02-02