awNotices

JavaScript

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

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

awNotices

デモ

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

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

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

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

awNotices

stackgrid.adem.jsコンテンツをグリッド状にスタッキングできる「stackgrid.adem.js」前のページ

自分の必要性に応じたカウントダウンを実装できる「jquery countDownTimer」次のページjquery countDownTimer

関連記事

  1. chalk-animation

    JavaScript

    カラフルなアニメーションを実装できる「chalk-animation」

    chalk-animationはカラフルなアニメーションによるテキスト…

  2. fullPage.js

    JavaScript

    フルページでコンテンツごとにスクロールする「fullPage.js」

    fullPage.jsはフルページでコンテンツごとにスクロールするレス…

  3. Impulse Slider

    JavaScript

    3Dスライダーを実装できるjQueryプラグイン「Impulse Slider」

    Impulse SliderというjQueryプラグインを使えば3Dス…

  4. Radial SVG Slider

    JavaScript

    放射状に切り替わるスライダーを実装できる「Radial SVG Slider」

    Radial SVG Sliderは、放射状に広がりながら切り替わるス…

  5. JavaScript

    立体的なナビゲーション表示を実装することができるjQueryプラグイン「Box Lid」

    立体的なナビゲーション表示を実装できるjQueryプラグイン「Box …

  6. 10のjQueryスニペット

    JavaScript

    Webデザイナーが知っておくべき10のjQueryスニペット

    すべてのWebデザイナーが知っておくべき10のjQueryスニペットが…

最近の記事

  1. SV-S251
  2. スラウェシ トラジャ
  3. 梅
  4. CAR-HLD12BK

アーカイブ

PAGE TOP