VintageTxt

JavaScript

タイピングしているような効果を実装できるjQueryプラグイン「VintageTxt」

VintageTxtというjQueryプラグインを使えば、文字をタイピングしているような効果を実装することができます。オプションでテキストが表示されるスピードを調整することも可能です。見ていておもしろいですね。

[ads_center]

VintageTxtの使い方

VintageTxt

VintageTxt

実際のデモでは、このようにヴィンテージ風な感じのつくりになっています。

$('#foo').vintageTxt({
    text: ["sample text sample text"],
    textSpeed: 150,
    linePause: 500,
    promptEnabled: false,
    onFinishedTyping: function() {
        $('#foo').delay(500).fadeOut(2000);
    }
});

上記の場合、textという項目に表示したい文字を指定することができます。使い方次第で色んな応用ができそうです。

関連記事

  1. no-image

    JavaScript

    スクロールした時に最適な位置に合わせてくれる「jQuery.panelSnap」

    jQuery.panelSnapは、コンテンツごとに縦に並べられたパネ…

  2. mFancyTitle

    JavaScript

    ブラウザのタブにあるファビコンとタイトルをアニメーション化できる「mFancyTitle」

    mFancyTitleは、ブラウザのタブに表示されているファビコンとタ…

  3. jQuery Video Extend

    JavaScript

    動画をチャプターごとに区切れる「jQuery Video Extend」

    jQuery Video Extendは動画をチャプターごとに区切った…

  4. scrollUp

    JavaScript

    スクロールしていくと先頭に戻るボタンを表示してくれるjQueryプラグイン「scrollUp」

    下へスクロールしていくと、先頭に戻るボタンを表示してくれるjQuery…

  5. bootstrap-wysihtml5

    JavaScript

    シンプルで美しいWYSIWYGエディタを実装できる「bootstrap-wysihtml5」

    bootstrap-wysihtml5はシンプルでスッキリしたデザイン…

  6. Frappe Charts

    JavaScript

    シンプルでモダンなSVGチャートを実装できる「Frappe Charts」

    Frappe Chartsは、シンプルでモダンなSVGチャート(グラフ…

最近の記事

  1. Soundcore Liberty Air 2
  2. Soundcore Liberty 2
  3. マザーツリー
  4. RICOH THETA SC2

アーカイブ

PAGE TOP