no-image

JavaScript

テキストリンクをタイピングアニメーションで表示するjQueryプラグイン「jTyper」

jTyperはテキストリンクをタイピングアニメーションで表示できるjQueryプラグインです。シンプルなアニメーションなので煩わしさを感じさせずにユーザーの目を引くことができます。使い方も簡単なので、サクッと気軽に実装できるはず。

jTyper

デモ

デモではテキストリンクがタイピングされているようなアニメーションで表示されます。一つの文が終了すると、そのテキストリンクが消えて次のテキストリンクがタイピングされ始めます。シンプルながらもちょっとした動きを加えることで、思わず注目してしまいますね。

マークアップもかなり分かりやすく、ulのli要素に各リンクとテキストをマークアップしていけばOKです。また、オプションからスピードの調整やタイムアウトの指定も可能になっています。デフォルト値はspeedが100、timeoutが3000になります。

speedはタイピングのスピードで、timeoutは次のリンクをタイピングするまでの待機時間になります。

というわけで、テキストリンクにタイピングアニメーションを加えて表示するjQueryプラグイン「jTyper」の紹介でした。

関連記事

  1. jQuery Social Share Bar
  2. Listt

    JavaScript

    リストをiOSのようにアニメーションできるjQueryプラグイン「Listt」

    ListtはリストをiOSのセレクトボックスのようにアニメーションさせ…

  3. Fixit

    JavaScript

    要素を特定の位置に固定できるjQueryプラグイン「Fixit」

    Fixitは要素を特定の位置に固定することができるjQueryプラグイ…

  4. Quill

    JavaScript

    高機能なWYSIWYGエディタを実装できる「Quill」

    Quillは豊富なAPIとカスタマイズ性に優れた高機能なWYSIWYG…

  5. jQuery gantt

    JavaScript

    軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」

    jQuery ganttは、軽量でシンプルなガントチャートを実装するこ…

  6. Salvattore

最近の記事

  1. 落ち葉と雪
  2. SOL001
  3. 末廣ラーメン

アーカイブ

PAGE TOP