awNotices

JavaScript

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

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

awNotices

デモ

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

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

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

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

awNotices

関連記事

  1. Bootstrap Carousel Touch Slider with Text Animation
  2. JavaScript

    タッチ、フリック、レスポンシブ対応のスライダーギャラリー「Flickity」

    Flickityはスマフォやタブレットに最適なタッチやフリック、または…

  3. iconate.js

    JavaScript

    アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」

    iconate.jsはアイコンをアニメーションさせながら別のアイコンへ…

  4. Responsive Multi Menu
  5. Letter Effects and Interaction Ideas
  6. Add To Cart Interaction

最近の記事

  1. 田沢湖
  2. ハクバ シリコンクロス
  3. トライポッドスリーブ
  4. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ

Instagram始めました

Facebookページ

PAGE TOP