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. Responsive Sidebar Navigation
  2. no-image

    JavaScript

    ミニマリスティックでフレキシブルなjQueryスライダー「Bore Bones Slider」

    Bore Bones Sliderはミニマリスティックでフレキシブルな…

  3. busy-load

    JavaScript

    シンプルでフレキシブルなローディングマスクプラグイン「busy-load」

    busy-loadはシンプルでフレキシブルなローディングマスクを実装す…

  4. no-image

    JavaScript

    スクロールした時に最適な位置に合わせてくれる「jQuery.panelSnap」

    jQuery.panelSnapは、コンテンツごとに縦に並べられたパネ…

  5. Shave

    JavaScript

    設定した高さに基づいて複数行のテキストを切り取る「Shave」

    Shaveは設定した最大の高さに基づいてHTML要素内に収まるように複…

  6. JavaScript

    レスポンシブで横スクロールやキーボード操作も可能なjQueryギャラリー「Portfoliojs」

    ポートフォリオなどでとても素敵なイメージギャラリーを実装することができ…

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP