awNotices

JavaScript

スタート・ストップ機能がついたシンプルなjQueryニュースティッカー「awNotices」

awNoticesはスタート・ストップ機能がついたシンプルに切り替わるニュースティッカーを実装することができるjQueryプラグインです。シンプルなデザインが特徴的で、主張し過ぎず程よいアピール感がいいですね。

awNotices

デモ

デモではティッカーが自動再生になっていて次々に切り替わっていきます。右側に停止ボタンがあるのでそこをクリックするとストップします。停止中はボタンが再生ボタンに変わるので再度クリックすると自動再生がスタートします。

フェードアニメーションになっているので、さりげなく自然な感じで切り替わっていきます。

また、ティッカーカラーには様々な色が使われているので、カテゴリー別の最新情報をそれに対応したカラーで表示させるといった使い方もできそうですね。

というわけで、スタート・ストップ機能がついたシンプルでオシャレなニュースティッカーを実装したい方は是非チェックしてみてください。

awNotices

関連記事

  1. countdownCube

    JavaScript

    3Dキューブのように回転するカウントダウンタイマーを実装できる「countdownCube」

    countdownCubeは3Dキューブのようにクルッと回転するカウン…

  2. Canvi

    JavaScript

    左右からスライド表示するシンプルなナビゲーションメニュー「Canvi」

    CanviはVanilla JSによるシンプルなナビゲーションメニュー…

  3. star-rating-svg

    JavaScript

    カスタマイズ性に優れたレーティング(星評価)実装「star-rating-svg」

    star-rating-svgは、SVGを使用したカスタマイズ性に優れ…

  4. jQuery liMarquee
  5. sidebar-nav

    JavaScript

    ツリー型のサイドナビゲーションを実装できる「sidebar-nav」

    sidebar-navはツリー型でレスポンシブに対応したサイドナビゲー…

  6. gridslide.js

    JavaScript

    いろんな方向に画像をスライドできるjQueryイメージスライダー「gridslide.js」

    gridslide.jsはいろんな方向に画像をスライドさせることができ…

最近の記事

  1. RICOH THETA SC2
  2. 簡易アクセス
  3. SOUNDLINK MINI II Special Edition

アーカイブ

PAGE TOP