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

Simply Modal Box高いカスタマイズ性を備えたモダンダイアログライブラリ「Simply Modal Box」前のページ

水平スクロールができることを示唆してくれる「ScrollHint」次のページno-image

関連記事

  1. mgGlitch

    JavaScript

    グリッチ効果を付けれるjQueryプラグイン「mgGlitch」

    mgGlitchは、CSS3の変換を利用して指定した要素にアニメーショ…

  2. JavaScript

    中心から外側に広がっていくエフェクトのjQueryプラグイン「jQuery.twinkle」

    jQuery.twinkleというjQueryプラグインを使えば、中心…

  3. Warp drive jQuery plugin
  4. no-image

    JavaScript

    シンプルな円形のカラーピッカーを実装できる「jQuery-Colorwheel」

    jQuery-Colorwheelはシンプルな円形によるカラーピッカー…

  5. baffle.js

    JavaScript

    DOM要素内のテキストを難読化させて読めるようにする「baffle.js」

    baffle.jsは、DOM要素内のテキストを暗号化して難読化させ、さ…

  6. no-image

    JavaScript

    フォームに文字制限を設定できるjQueryプラグイン「Character Limit」

    Character Limitは、フォーム要素に文字制限を設定するため…

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP