jquery-bubble-text

JavaScript

テキストがアニメーションで切り替わっていく「jquery-bubble-text」

jquery-bubble-textは、テキストが次々に切り替わっていくアニメーションを実装できるjQueryプラグインです。自分が指定したテキストをアニメーションで切り替えながら表示することができるので、注目してほしいメッセージなどがある場合なんかに役立つのではないでしょうか。

jquery-bubble-text

デモ

タイピングっぽいアニメーションをしながら、次の文章へ文字が置き換わっていきます。動きがあることにより、思わず注目してしまいますね。

使い方ですが、elementに表示させるHTMLタグに指定したidを設定し、newTextにテキストを指定します。複数の文章を配列に格納した上で、これをnewTextに設定してあげます。

また、speedでアニメーションスピードを変更することも可能です。コールバック関数の設定やCSSでのフォントカスタマイズもできるので、自分好みに仕上げて使いたい方にもピッタリですね。

というわけで、アニメーションによるテキスト切り替えを実装したい方は、ぜひチェックしてみてください。

jquery-bubble-text

cascadingDivsサクサク動作する軽量なアコーディオンを実装できる「cascadingDivs」前のページ

iPhoneのSafariでPC(デスクトップ)表示にスマホ画面を切り替える方法次のページ

関連記事

  1. Raindrops.js

    JavaScript

    水面に雨粒が落ちてくるエフェクトが素敵なjQueryプラグイン「Raindrops.js」

    Raindrops.jsは水面に雨粒が落ちてくる素敵なエフェクトを実装…

  2. AnimateScroll

    JavaScript

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

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

  3. no-image

    JavaScript

    スワイプでのスライドもできるシンプルなスライダー「jquery-slide」

    jquery-slideはスワイプでのスライドにも対応したシンプルなス…

  4. basicContext

    JavaScript

    使いやすいコンテキストメニューを実装できる「basicContext」

    basicContextはシンプルで使いやすいコンテキストメニューを実…

  5. shCircleLoader
  6. no-image

    JavaScript

    スクロールした時に最適な位置に合わせてくれる「jQuery.panelSnap」

    jQuery.panelSnapは、コンテンツごとに縦に並べられたパネ…

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP