前の記事 ≪:2010年4月5日 管理人のブックマーク
次の記事 ≫:見ておくべきHTML5サイト集

1文字ずつアニメーションしながらヘッドライン表示できるjQueryプラグイン「News Ticker」

2010年04月06日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jQuery plugins MakeMineATriple

1文字ずつアニメーションしながらヘッドライン表示できるjQueryプラグイン「News Ticker」。
ヘッドライン等を電光掲示板のように、1文字ずつアニメーション表示することが簡単にできちゃいます。

動きを入れることで、単にヘッドラインを入れるよりも注目度をあげることが出来る上、デザイン的にも目立ちすぎず派手すぎません。


動作デモを見る

使い方も、jQueryプラグインなので簡単で、更にニュースのリストを<ul>リストで定義できます。

<ul id="news">
<li><a href="http://www.makemineatriple.com">MakeMineATriple.com</a></li>
<li><a href="http://www.jquery.com">jQuery</a></li>
</ul>

こんな感じ。これがアニメーションしてくれます。
リモートのXMLファイルを取ってきてそれをティッカー表示することもできるので、RSSなんかをニュースティッカー風に表示したい場合にも使えますね。

関連エントリ
関連の記事検索:jQuery, JavaScript, アニメーション, 文字, プラグイン, ティッカー
スポンサード リンク

By.KJ : 2010年04月06日 09:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)