目をひきつけるニュースティッカー：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>
サンプル
Javascriptサンプルページ一覧
skuare.net