jQuery News Ticker 基于jQuery的即時新聞行情展示插件
更新時間:2011年11月05日 14:45:33 作者:
今天分享一個新聞行情的jQUery插件,可以幫助大家使用比較小的頁面區(qū)域來展示最新最重要的信息。
效果圖:

jQuery news ticker是一個非常方便的jQuery插件,能夠快速讓你生成這樣的一個新聞行情效果。
它能夠通過列表,HTML甚至是RSS(只能加載本站的RSS feed)來生成新聞內(nèi)容,并且支持前后播放和停止。這個插件支持一系列的自定義選項,例如:
播放速度
播放效果
播放方向
顯示時間
代碼開發(fā)簡單高效。
首先引入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>
官方網(wǎng)站 http://www.gbin1.com/technology/jquerynews/20111105jquerypluginnewsticker/demo.html
相關(guān)文件下載

jQuery news ticker是一個非常方便的jQuery插件,能夠快速讓你生成這樣的一個新聞行情效果。
它能夠通過列表,HTML甚至是RSS(只能加載本站的RSS feed)來生成新聞內(nèi)容,并且支持前后播放和停止。這個插件支持一系列的自定義選項,例如:
播放速度
播放效果
播放方向
顯示時間
代碼開發(fā)簡單高效。
首先引入jQuery news ticker類庫及其jQuery類庫:
復(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 ajax在GBK編碼下表單提交終極解決方案(非二次編碼方法)
當(dāng)jquery ajax在utf-8編碼下(頁面utf-8,接收utf-8),無任何問題??梢哉ost、get,處理頁面直接獲取正確的內(nèi)容。2010-10-10
JQuery實現(xiàn)簡單的復(fù)選框樹形結(jié)構(gòu)圖示例【附源碼下載】
這篇文章主要介紹了JQuery實現(xiàn)簡單的復(fù)選框樹形結(jié)構(gòu)圖,涉及jQuery頁面元素屬性動態(tài)操作與事件響應(yīng)相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2019-07-07
基于jQuery實現(xiàn)網(wǎng)頁進度顯示插件
這篇文章主要介紹了基于jQuery實現(xiàn)網(wǎng)頁進度顯示插件的實現(xiàn)方法以及源碼下載,十分的詳細,并自帶2種皮膚,這里推薦給小伙伴們。2015-03-03
jQuery實現(xiàn)的購物車物品數(shù)量加減功能代碼
這篇文章主要介紹了jQuery實現(xiàn)的購物車物品數(shù)量加減功能,涉及jQuery針對鼠標(biāo)事件的響應(yīng)及頁面元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-11-11
JSON中key動態(tài)設(shè)置及JSON.parse和JSON.stringify()的區(qū)別
這篇文章主要介紹了JSON中key動態(tài)設(shè)置及JSON.parse和JSON.stringify()的區(qū)別講解,非常不錯,具有參考借鑒價值,需要的朋友參考下2016-12-12
實例講解jquery中mouseleave和mouseout的區(qū)別
這篇文章主要以實例詳細講解了jquery中mouseleave和mouseout的區(qū)別,模仿下拉框效果,感興趣的小伙伴們可以參考一下2016-02-02
jQuery Validate 驗證,校驗規(guī)則寫在控件中的具體實例
本篇文章主要是對jQuery Validate 驗證,校驗規(guī)則寫在控件中的具體實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02

