skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

目をひきつけるニュースティッカー：jQueryプラグイン「BBC style news ticker」

｜ ｜ ｜ ｜ ｜ ｜ ｜

ニュースティッカーにはいろいろな種類がありますが、今回紹介するjQueryプラグイン「BBC style news ticker」は、かなり目をひきます。
1文字1文字点滅しながら表示されるので、目立つ＆うざがられること間違いないでしょう。

使用方法
BBC style news tickerからjquery.newsTicker.jsをjQueryからjquery.jsをダウロードします。
<script src="jquery-1.3.js" type="text/javascript"></script>
<script src="jquery.newsTicker.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var options = {
newsList: "#id名",
startDelay: 10, //次が開始する時間
placeHolder1: " ■" //点滅させる文字
}
$().newsTicker(options);
});
</script>

あとはニュースを以下のように記述すれば完成です。
<ul id="news">
<li><a href="URL">ニュース1</a></li>
<li><a href="URL">ニュース2</a></li>
～ニュース分記載～
</ul>

目をひきつけるニュースティッカー：jQueryプラグイン「BBC style news ticker」サンプル

記事作成：2009年02月16日

前の記事：ニュースティッカーをjQueryプラグイン「News Ticker Pro」で作る
次の記事：画像ギャラリーにマスクをかけるJavaScript「(mb)MaskedGallery」