textwriteout

JavaScript

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

textwriteoutは指定したテキストを書き出したり削減したりできるjQueryプラグインです。タイピングしているようにテキストを表示させたり、1文字ずつ表示・削減を繰り返したりといったこともできます。

textwriteout

デモ

デモではテキストをタイピングしているように表示させるものや、1文字ずつ表示と削減を交互に行うものなど、様々なタイプのサンプルが用意されています。

表示させるテキストは、オプションの「messages」という項目に指定していきます。複数のメッセージがある場合にはコンマで区切っていけばOKです。

オプションはいろいろ用意されていて、cursorBlink、cursorBlinkWait、cursorBlinkWrite、cursorClasses、cursorTag、deleteLastWord、deleteWait、deleteWord、deleteWords、introWait、letterWait、loop、messages、outroWait、selectCursor、selectWord、startWord、wordCursor、wordWaitといった項目のセッティングが可能です。

豊富なオプションでカスタマイズ性も高そうですね。

テキストが自動でタイピングしているように表示されるので、ユーザーに注目してほしいメッセージがある場合にはぜひ活用してみてください。

textwriteout

関連記事

  1. jQuery Slideout Menu

    JavaScript

    スライドしてメニュー表示できるjQueryプラグイン「jQuery Slideout Menu」

    jQuery Slideout Menuはメニューをスライドして表示さ…

  2. Dynamic Table

    JavaScript

    スプレッドシートのようなテーブルを実装できるjQueryプラグイン「Dynamic Table」

    Dynamic Tableはスプレッドシートのような高機能なテーブルを…

  3. roundSlider

    JavaScript

    値の範囲を円形スライダーで表示できる「roundSlider」

    roundSliderは値の範囲を円形スライダーで表示できるjQuer…

  4. Sticky Elements

    JavaScript

    エレメントがくっついてくるアニメーション「Sticky Elements」

    Sticky Elementsはエレメントにカーソルを乗せるとくっつい…

  5. JavaScript

    ショータイムが始まる前のスポットライトのようなjQueryプラグイン「Spotlight」

    Spotlightはショータイムが始まる前のスポットライトのようなアニ…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP