電光掲示板のようにニュースをクールにアニメーション表示できる「jquery vticker」
2010年11月11日-
スポンサード リンク
jquery vticker (vertical news ticker) JugBit
電光掲示板のようにニュースをクールにアニメーション表示できる「jquery vticker」。
特定のdivに次のようにulでリストを定義しておいて、$(element).vTicker(); とすることで簡単にアニメーションするニュースティッカーが実装できます。
幅、高さは固定できるので、自由にレイアウトできるところもナイスです。
表示時間が終わって消えるリストがグレーにフェードアウトするところも芸が細かくてナイス。
デモを見る
デモはCSSでスタイリングされておらず味気ないものですが、CSSで綺麗にデザインしてあげることでかなり映えそうです。
オプションで、次の挙動についてカスタマイズも可能です。
・スピード変更
・待ち時間変更
・アイテム表示数変更
・アニメーション指定
・マウスで停止するか指定
・高さ
・アニメーション方向
固定されたニュースよりも動きがある方が読んでもらえる可能性もあがりそうですね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- iPhone, iPad, Mac, Android などのフリーのベクターモックアップ
- macOS用の使いやすいカラーピッカー「pika」
- CSSでボタンにサイバーパンク効果を与えるサンプル
- カラフルな球体をWEB上でうごかすThree.jsをつかったサンプル
- ダークモード対応のミニマルなHTMLページを作れるCSS「spcss」
- CSSのみで実現できるローディングアニメーションやエフェクト集「Css Effects」
- スムーズに横スクロールするレイアウトサンプル
- 斬新なページメニューが作れる「Inline Menu Layout with Gallery Panel」
- 世界中で今何時を計算できる「Spacetime」
- シンプルなタブUIを実現できる「Skeletabs」
- 過去のエントリ