jquery.autoscroll-text-tape

JavaScript

テキストを自動スクロールできる「jquery.autoscroll-text-tape」

jquery.autoscroll-text-tapeはテキストを水平に自動でスクロールさせることができるjQueryプラグインです。自動でスクロールさせたりホバーしたときにだけスクロールさせたりといったことができます。

jquery.autoscroll-text-tape

デモ

デモページでは、WITHOUT PLUGIN、WITH PLUGIN (DEFAULT)、WITH PLUGIN (MOVE ON HOVER)といったサンプルがいくつか用意されています。

テキストが自動で水平方向にスクロールしているものやホバー時にスクロールされるものなどの動作を確認できます。

ちなみに、ホバーしたときにスクロールをするか否かはオプションの「moveOnHover」で設定可能です。ホバー時にスクロールしたい場合はここの値を「true」にすればOKです。

ほかにも、speedやtapeOffsetというオプションも用意されています。スクロールのスピード調節は「speed」から設定します。値は「slow」「normal」「fast」のなかから指定可能です。

また、ブラウザ幅を縮小・拡大してみるとわかると思いますが、デモはレスポンシブにも対応しています。

PC、スマホ、タブレットなどいろんなデバイスで見れるテキストの自動スクロールを実装したいという人は、ぜひ「jquery.autoscroll-text-tape」を活用されてみてはいかがでしょうか?

jquery.autoscroll-text-tape

関連記事

  1. no-image

    JavaScript

    水平スクロールでテキストが流れていくマーキー実装「hMarquee」

    hMarqueeは、水平スクロールでテキストが滑らかに流れていくマーキ…

  2. Jquery progress indicator on page scroll
  3. Material Design Responsive Table
  4. JavaScript

    レスポンシブやスワイプ対応で完成度の高いスライダーのjQueryプラグイン「Slider Pro」

    Slider Proはレスポンシブやタッチ・スワイプに対応したスライダ…

  5. JavaScript

    テキストを中央に向かうにつれて大きくしたりできるjQueryプラグイン「jqIsoText」

    結構おもしろかったのでメモしときます。テキストに簡単なエフェクトをかけ…

  6. JavaScript

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイン「jQuery Zoom」

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイ…

最近の記事

  1. オリジナルチキン6ピース
  2. 200-DGCAM019
  3. ハクバ GW-PRO RED フォトグローブプロ PL
  4. Soundcore Liberty Air 2

アーカイブ

PAGE TOP