立即致電查詢!
電話: 3590-9591

jQuery網頁設計插件︰ jQuery News Ticker 捲軸新聞

jQuery News Ticker Logo

是日推薦的jQuery網頁設計插件名為jQuery News Ticker,是一個非常易用的捲軸新聞插件。若果你有看過BBC的舊版網站,就會看到類似的新聞捲軸。

jQuery News Ticker Screenshot

使用方法十分簡單,先載入有關的js檔案和CSS︰
<link href="css/ticker-style.css" rel="stylesheet" type="text/css" />
<script src="jquery.ticker.js" type="text/javascript"></script>

HTML則是傳統的list(ul或者ol均可)和list item(li)︰
<ul id="js-news" class="js-hidden">
<li class="news-item"><a href="#">第一則新聞</a></li>
<li class="news-item"><a href="#">第二則新聞</a></li>
<li class="news-item"><a href="#">第三則新聞</a></li>
<li class="news-item"><a href="#">第四則新聞</a></li>
</ul>

之後就是執行有關的插件︰
<script type="text/javascript">
$(function () {
$('#js-news').ticker();
});
</script>

最厲害的地方是捲軸新聞插件支援xml和rss,實在是太方便了﹗

jQuery支援

1.4.2或以上 (另外有一個不再更新的版本可以支援1.3.2)

瀏覽器支援

IE6+, FF 3.6+, Chrome, Safari, Safari Mobile和Opera

原文網址:
https://www.aveego.com/html/o_40931_0_/jquery-網頁設計插件-jquery-news-ticker-捲軸新聞.html
原文作者︰

更多網頁設計新聞

我們的客戶

我們的客戶