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. no-image
  2. Greedy Navigation

    JavaScript

    レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

    Greedy Navigationはレスポンシブ対応でメニューのアイテ…

  3. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

  4. VenoBox

    JavaScript

    画像・Google マップ・YouTubeなどを埋め込めるLightbox風jQueryプラグイン「…

    VenoBoxは色んなコンテンツを埋め込めるLightbox風jQue…

  5. no-image

    JavaScript

    さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

    PARALLAXは、さまざまなデバイスに対応したシンプルなパララックス…

  6. Block Slide

    JavaScript

    jQueryプラグインで印象的なエフェクトで魅せるモーダルウィンドウ「Block Slide」

    Block SlideというjQueryプラグインを使えば印象的なエフ…

最近の記事

  1. OWL-WDDESK01
  2. ワンタッチ着脱フィルターキット
  3. Soundcore Ace A1
  4. cheero USB-C PD Charger 60W

アーカイブ

PAGE TOP