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という項目に表示したい文字を指定することができます。使い方次第で色んな応用ができそうです。

Dockの表示・非表示を自動MacでDockの表示・非表示を自動にする設定方法前のページ

WordPressで複数のウィジェットを表示させるやり方次のページWordPressの自動バックグラウンド更新

関連記事

  1. multi-list

    JavaScript

    複数の選択可能なリストにするためのjQueryプラグイン「multi-list」

    multi-listは、順序付けされていないリストを複数の選択可能なリ…

  2. jQuery Slideshow

    JavaScript

    シンプル・軽量・レスポンシブなスライダー実装「jQuery Slideshow」

    jQuery Slideshowはシンプルで軽量、そしてレスポンシブに…

  3. Navigation

    JavaScript

    コンテンツを押し出してナビゲーションを表示する「Navigation」

    Navigationはコンテンツを押し出すかたちでナビゲーションを表示…

  4. JavaScript

    指定したボックス要素にドロップシャドウをつけてくれるjQuery Shadow Plugin

    指定したボックス要素にドロップシャドウをつけてくれるjQuery Sh…

  5. jQuery UI Month Picker Plugin
  6. Rain & Water Effect Experiments

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP