jquery-bubble-text

JavaScript

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

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

jquery-bubble-text

デモ

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

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

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

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

jquery-bubble-text

関連記事

  1. Alton

    JavaScript

    コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」

    Altonはコンテンツごとに縦スクロールすることによりWebページをナ…

  2. EasyLoading

    JavaScript

    ローディングアニメーションを手軽に実装できる「EasyLoading」

    EasyLoadingは、ローディングアニメーションを手軽に実装するこ…

  3. Cloud 9 Carousel

    JavaScript

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

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

  4. no-image

    JavaScript

    シンプルなバナースライドショーを実装できる「jsslider」

    jssliderはシンプルなバナースライドショーを実装できるjQuer…

  5. Image Gallery Threejs

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP