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

    中心から外側に広がっていくエフェクトのjQueryプラグイン「jQuery.twinkle」

    jQuery.twinkleというjQueryプラグインを使えば、中心…

  2. JavaScript

    360度画像を回転させるjQueryプラグイン10

    画像を360度回転させて見せることができる素敵なjQueryプラグイン…

  3. no-image

    JavaScript

    超シンプルでオプションもわかりやすいjQueryスライダー「Free Simple Slider」

    Free Simple Sliderは、超シンプルで使い方も簡単なスラ…

  4. no-image

    JavaScript

    シンプルでベーシックなJavaScriptによるlightbox実装「halkaBox.js」

    halkaBox.jsは、シンプルでベーシックなJavaScriptに…

  5. jquery.square.js

    JavaScript

    スクエアなグリッドレイアウトを実装できる「jquery.square.js」

    jquery.square.jsは、スクエアなグリッドレイアウトを実装…

  6. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

最近の記事

  1. EOS R6
  2. EOS R5
  3. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ

アーカイブ

PAGE TOP