awNotices

JavaScript

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

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

awNotices

デモ

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

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

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

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

awNotices

関連記事

  1. Emergence.js

    JavaScript

    ブラウザで要素の可視性を検出する「Emergence.js」

    Emergence.jsは、ブラウザで要素の可視性を検出することができ…

  2. SweetDropdown

    JavaScript

    スタイリッシュで多彩なドロップダウンを実装できる「SweetDropdown」

    SweetDropdownは、多彩なドロップダウンを実装することができ…

  3. jAnimate

    JavaScript

    フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

    jAnimateはフリップやバウンスなどといったアニメーションを要素に…

  4. JavaScript

    いろんなデザインのツールチップを実装できる「Opentip」

    Opentipはいろんなデザインのツールチップを実装することができるJ…

  5. stroll.js

    JavaScript

    CSS3を使った豊富なスクロールエフェクト「stroll.js」

    stroll.jsはCSS3を使った豊富なCSSリストスクロールエフェ…

  6. percircle

    JavaScript

    カスタマイズもできるパーセンテージのサークル実装「percircle」

    percircleはCSSによるパーセンテージのサークルを実装できるj…

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP