awNotices

JavaScript

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

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

awNotices

デモ

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

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

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

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

awNotices

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

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

関連記事

  1. Solution for Long Drop Down Items

    JavaScript

    長いメニューもスクロールで表示できる「Solution for Long Drop Down Ite…

    長いドロップダウンメニューでもスクロール表示してくれるjQueryを活…

  2. Pongstagr.am

    JavaScript

    自分のインスタグラムの画像を表示できるjQueryプラグイン「Pongstagr.am」

    Pongstagr.amは自分のインスタグラムの画像をWebサイトに表…

  3. Ink Transition Effect

    JavaScript

    インクをこぼしたようなエフェクトを実装できる「Ink Transition Effect」

    Ink Transition Effectはインクがこぼれて広がったよ…

  4. vTicker

    JavaScript

    シンプルで使い方も簡単!垂直ティッカーを実装できるjQueryプラグイン「vTicker」

    シンプルで使い方も簡単な垂直ティッカーを実装できるjQueryプラグイ…

  5. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

最近の記事

  1. 蒼龍唐玉堂 特製牛バラ担々麺
  2. サーモンアボカドサラダラップとドリップ
  3. 猿田彦フレンチ
  4. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  5. ビジネスホテル

アーカイブ

PAGE TOP