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. Inspiration for Grid Loading Animations
  2. JavaScript

    2KB程の軽量&シンプルなjQueryスライダー「Craftyslide」を使ってみた

    とてもシンプルで軽量ないい感じのjQueryプラグイン「Craftys…

  3. Responsive Elements
  4. jQuery-Simple-MobileMenu
  5. Lena.js

    JavaScript

    多彩な画像処理ができるJSライブラリ「Lena.js」

    Lena.jsは多彩な画像処理を行うことができるJSライブラリです。セ…

  6. slider Menu

    JavaScript

    メニューリストをスライダーメニューにするjQueryプラグイン「slider Menu」

    slider Menuはメニューリストをスムーズにスライダーメニューに…

最近の記事

  1. 簡易アクセス
  2. SOUNDLINK MINI II Special Edition
  3. メリーストロベリーケーキフラペチーノ

アーカイブ

PAGE TOP