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. jQuery-TimelineMe

    JavaScript

    シンプルなタイムラインを簡単につくれる「jQuery-TimelineMe」

    jQuery-TimelineMeは、タイムラインを簡単に構築すること…

  2. Starfield

    JavaScript

    宇宙空間を移動するような背景アニメーションを実装できる「Starfield」

    Starfieldは宇宙空間を移動するような背景アニメーションを実装す…

  3. Sticky Sidebar

    JavaScript

    スマートでハイパフォーマンスな追尾型サイドバー実装「Sticky Sidebar」

    Sticky Sidebarは、スマートでハイパフォーマンスな追尾型サ…

  4. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  5. swipe-menu-js

    JavaScript

    横からスライド・スワイプ表示するハンバーガーメニュー実装「swipe-menu-js」

    swipe-menu-jsは横からスライド・スワイプ表示するシンプルな…

  6. no-image

    JavaScript

    カードを入れ替えるような3Dアニメーションによるスライダー「stack-slider」

    stack-sliderはカードを入れ替えるような3Dアニメーションに…

最近の記事

  1. 生ハム&モッツァレラチーズ サラダラップ
  2. コガネムシ
  3. ショルダーハム&5種の野菜サンドイッチ
  4. ジョン・リーチ マグカップ
PAGE TOP