Auto-Text-Scroll

JavaScript

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

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

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

デモ

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

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

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

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

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

Auto-Text-Scroll

関連記事

  1. Guardian

    JavaScript

    フォームにバリデーションを実装できるjQueryプラグイン「Guardian」

    Guardianはフォームにバリデーション機能を実装することができるj…

  2. CSS Emoticons
  3. FlexSlider

    JavaScript

    jQueryプラグインのレスポンシブな軽量スライダー「FLEXSLIDER」の使い方や設定方法

    すごくいいですね、これ。スマートフォンにも対応させたいスライダーを探し…

  4. AnimateScroll

    JavaScript

    面白いエフェクトのページ内スクロールを実装できるjQueryプラグイン「AnimateScroll」…

    ページの任意の場所にスクロールできるjQueryプラグイン「Anima…

  5. no-image

最近の記事

  1. LE エルイー 6 PANEL CAP
  2. タリーズ ハウスブレンド
  3. BAG-TW1BKシリーズ
  4. 落ち葉と雪

アーカイブ

PAGE TOP