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

    JavaScript

    レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイン「Flipster」

    レスポンシブにも対応しているシンプルなカルーセルを実装できるjQuer…

  2. no-image

    JavaScript

    サイドバーをフローティングできる「FloatSidebar.js」

    FloatSidebar.jsはサイドバーをフローティングできるVan…

  3. no-image

    JavaScript

    サラッとスライスで切り替わるスライダー実装「Slice Slider」

    Slice Sliderはサラッとスライスでシンプルに切り替わるスライ…

  4. JavaScript

    Lightbox風のjQueryプラグインColorBoxの使い方

    綺麗なイメージギャラリーを簡単に設置できるColorBoxの使い方の紹…

  5. jQuery Reel Plugin

    JavaScript

    上下左右の色んな角度から画像を回転させて見せることができる「jQuery Reel Plugin」

    これは面白いですね。画像を上下左右と色んな角度から回転させながら見るこ…

  6. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP