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. zoomwall.js

    JavaScript

    高さを揃えたグリッドレイアウトのLightbox系イメージギャラリー「zoomwall.js」

    zoomwall.jsは高さを揃えたグリッドレイアウトを実装することが…

  2. CollagePlus

    JavaScript

    画像を綺麗に整列させるjQueryプラグイン「CollagePlus」

    画像を綺麗に整列させる便利なjQueryプラグイン「CollagePl…

  3. jQuery Section Navi Plugin
  4. Fitty

    JavaScript

    親コンテナにテキストをフィットさせられる「Fitty」

    Fittyはテキストをスケールアップ、またはスケールダウンして親コンテ…

  5. no-image

    JavaScript

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

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

  6. no-image

    JavaScript

    テキストリンクをタイピングアニメーションで表示するjQueryプラグイン「jTyper」

    jTyperはテキストリンクをタイピングアニメーションで表示できるjQ…

最近の記事

  1. ダミアン・ハースト 桜
  2. パッキングエリア
  3. あらびきソーセージパイ
  4. REACH フロス
PAGE TOP