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. textwriteout

    JavaScript

    テキストの書き出し・削減ができるjQueryプラグイン「textwriteout」

    textwriteoutは指定したテキストを書き出したり削減したりでき…

  2. socialShare.js
  3. Section Scroller

    JavaScript

    セクションごとに自動でスクロールしてくれるボタン実装「Section Scroller」

    Section Scrollerは、セクションごとにスムーズにスクロー…

  4. swingdrag

    JavaScript

    jQuery UIのドラッグ機能にスイング効果を加えることができる「swingdrag」

    swingdragは、jQuery UIのドラッグ機能にスイング効果を…

  5. JavaScript

    リスト化した要素を自分が指定した数に分割できるjQueryプラグイン「Easy List Split…

    リスト化した要素を自分が指定した数に分割できるシンプルだけど便利なjQ…

  6. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP