jquery vticker (vertical news ticker) JugBit

電光掲示板のようにニュースをクールにアニメーション表示できる「jquery vticker」。
特定のdivに次のようにulでリストを定義しておいて、$(element).vTicker(); とすることで簡単にアニメーションするニュースティッカーが実装できます。
幅、高さは固定できるので、自由にレイアウトできるところもナイスです。
表示時間が終わって消えるリストがグレーにフェードアウトするところも芸が細かくてナイス。


デモを見る

デモはCSSでスタイリングされておらず味気ないものですが、CSSで綺麗にデザインしてあげることでかなり映えそうです。

オプションで、次の挙動についてカスタマイズも可能です。

・スピード変更
・待ち時間変更
・アイテム表示数変更
・アニメーション指定
・マウスで停止するか指定
・高さ
・アニメーション方向

固定されたニュースよりも動きがある方が読んでもらえる可能性もあがりそうですね。

関連エントリ

• ulで書かれたリストをニュースティッカー風に表示できるjQueryプラグイン「List Ticker」
• 1文字ずつアニメーションしながらヘッドライン表示できるjQueryプラグイン「News Ticker」
• コンパクトでクールなニュース表示ウィジェット実装デモ＆サンプル