WEB TICKER

JavaScript

テキストや画像を無限にスクロールさせれるティッカー実装「WEB TICKER」

WEB TICKERは、テキストや画像、リストなどさまざまなコンテンツを無限にスクロールさせることができるjQueryプラグインです。コンテンツが端まで流れていくと、逆側からまた流れてくるという感じで、ずっとスクロールさせておけるティッカーです。スクロールをコントロールするAPIもたくさん用意されているのも魅力の一つです。

右から左へ、またはその逆などさまざまなカスタマイズが可能

デモ

ページ内では、水平にスクロールされていくデモがいくつか設置されています。画面の右から左へテキストなどが流れていき、左端まで行くと今度は右端から流れてきます。

また、逆に左から右へスクロールさせることも可能で、実際このタイプのデモも見ることができます。この場合は、セッティング時に「direction」をrightに指定します。

設定可能な項目には、speed、moving、startEmpty、duplicate、hoverpause、rssurl、rssfrequencyなどなど他にもたくさん用意されているので、自分好みのセッティングにカスタマイズして使うことができます。

テキストや画像などに動きを加えて注目させたい、なんてときに「WEB TICKER」を活用してみてはいかがでしょうか?

WEB TICKER

Bricks.js超高速なMasonryレイアウトを実装できる「Bricks.js」前のページ

エレガント・レスポンシブ・フレキシブルでそのうえ軽量なモーダルウィンドウ「iziModal」次のページiziModal

関連記事

  1. JavaScript

    シンプルでスタイリッシュなLightbox風のjQueryプラグイン「Featherlight」

    シンプルでスタイリッシュなデザインが特徴的なLightbox風のjQu…

  2. no-image

    JavaScript

    カスタマイズ性の高いjQueryアラート・モーダル・lightboxプラグイン「jAlert」

    jAlertはカスタマイズ性の高いjQueryアラート・モーダル・li…

  3. multi-list

    JavaScript

    複数の選択可能なリストにするためのjQueryプラグイン「multi-list」

    multi-listは、順序付けされていないリストを複数の選択可能なリ…

  4. scroll-scope.js

    JavaScript

    親要素の影響を受けずに子要素だけを固定してスクロールさせる「scroll-scope.js」

    scroll-scope.jsは親要素の影響を受けずに子要素だけを固定…

  5. luxy.js

    JavaScript

    優雅な慣性スクロールとパララックスエフェクトを実装できる「luxy.js」

    luxy.jsは優雅で美しい慣性スクロールとパララックスエフェクトを実…

  6. Slyder

    JavaScript

    レスポンシブ対応のスライダーナビゲーションを実装できる「Slyder」

    Slyderはレスポンシブに対応したスライダーナビゲーションを実装でき…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP