Auto-Text-Scroll

JavaScript

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

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

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

デモ

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

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

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

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

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

Auto-Text-Scroll

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQuery(JavaScript)で指定した要素の子要素数や最大文字数を配列内から取得する

    jQueryで指定した要素の子要素の数やその文字数、文字なんかを配列に…

  2. Listt

    JavaScript

    リストをiOSのようにアニメーションできるjQueryプラグイン「Listt」

    ListtはリストをiOSのセレクトボックスのようにアニメーションさせ…

  3. MenuSpy

    JavaScript

    セクションビュー対応のナビゲーションメニュー実装「MenuSpy」

    MenuSpyは、ナビゲーションメニューを作成するためのjsライブラリ…

  4. Yet Another Ripple Plugin
  5. GridTab

    JavaScript

    グリッドベースのレスポンシブなタブを実装できるjQueryプラグイン「GridTab」

    GridTabはグリッドベースによるレスポンシブに対応したタブを実装す…

  6. jquery.peekABar

    JavaScript

    様々なカスタマイズができる便利な通知バー「jquery.peekABar」

    jquery.peekABarは様々なカスタマイズが可能な通知バー(通…

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP