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. Folder Preview Ideas

    JavaScript

    フォルダに楽しいホバーアニメーションをつける「Folder Preview Ideas」

    Folder Preview Ideasは、フォルダにさまざまな楽しい…

  2. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  3. A simple DIY responsive image slideshow
  4. nanoGALLERY
  5. Cloud 9 Carousel

    JavaScript

    サクサク動作する3Dカルーセルを実装できる「Cloud 9 Carousel」

    Cloud 9 Carouselはサクサク動作する3Dカルーセルを実装…

  6. SMINT

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

最近の記事

  1. ベーコンエッグ&厚切りバタートースト
  2. 有栖川公園
  3. 広尾のスタバ
  4. マーガレットハウエルとミズノのコラボシューズ
  5. フレンチトーストや自家製ソーセージ

アーカイブ

PAGE TOP