jquery-bubble-textは、テキストが次々に切り替わっていくアニメーションを実装できるjQueryプラグインです。自分が指定したテキストをアニメーションで切り替えながら表示することができるので、注目してほしいメッセージなどがある場合なんかに役立つのではないでしょうか。
jquery-bubble-text
以下からjquery-bubble-textの実際のデモを見ることができます。
タイピングっぽいアニメーションをしながら、次の文章へ文字が置き換わっていきます。動きがあることにより、思わず注目してしまいますね。
使い方ですが、elementに表示させるHTMLタグに指定したidを設定し、newTextにテキストを指定します。複数の文章を配列に格納した上で、これをnewTextに設定してあげます。
また、speedでアニメーションスピードを変更することも可能です。コールバック関数の設定やCSSでのフォントカスタマイズもできるので、自分好みに仕上げて使いたい方にもピッタリですね。
というわけで、アニメーションによるテキスト切り替えを実装したい方は、ぜひチェックしてみてください。
jquery-bubble-textのダウンロードや詳しい使い方は、以下からどうぞ。
