Auto-Text-Scroll

JavaScript

自動でテキストが垂直にスクロールしていく「Auto-Text-Scroll」

Auto-Text-Scrollは自動でテキストが垂直でスクロールしていく機能を実装できます。1行ずつテキストがエフェクト付きでスクロールされます。フェードやスケールといったエフェクトで、テキストを次々にスクロールしながらユーザーに見せたい場合に最適です。

インターバルのセッティングも可能

デモ

デモでは下から上にテキストが自動でスクロールしながら表示されます。一番下に出てくるテキストはサイズも小さく濃さも薄い状態ですが、スクロールされながら徐々に上に来るにつれてサイズが大きくなり濃さもクッキリしていきます。

メインポジションまで来ると一番目立つ状態になり、その次のスクロールではフェードとともに消えていきます。

シンプルですが、自動でスクロールされていくその動きにユーザーも思わず注目してしまうでしょう。一行ずつ何かのテキストを自動スクロールで表示させておきたい時に役立ちますね。

setInterval(function(){ 
    dp_scroll_text()
}, 2000);

2000という値、つまりは2秒ごとにテキストをスクロールする設定なので、変更したい場合はここの値を調節してあげればOKです。

Auto-Text-Scroll

no-image軽量なスティッキー要素を実装できるjQueryプラグイン「Zebra Pin」前のページ

レスポンシブなタブ・アコーディオン機能を実装できる「Multipurpose Tabcontent jQuery」次のページno-image

最近の記事

  1. 縦置きスタンド
  2. スマトラ
  3. さくらドーナツ
PAGE TOP