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. jQuery Resizable Columns

    JavaScript

    テーブルの列の幅をドラッグでサイズ変更できる「jQuery Resizable Columns」

    じっくりテーブル内の情報を見たい時なんかに便利そうですね。テーブルの列…

  2. Swipebox

    JavaScript

    スマホやタブレットのスワイプにも対応したLightboxを実装できるjQueryプラグイン「Swip…

    今後かなり需要がありそうなjQueryプラグインがあったので使い方も兼…

  3. Materialize Tags

    JavaScript

    マテリアルデザインのタグ管理を実装できる「Materialize Tags」

    Materialize Tagsは、マテリアルデザインのタグ管理を実装…

  4. Hover Carousel

    JavaScript

    超軽量なホバーカルーセルを実装できる「Hover Carousel」

    Hover Carouselは超軽量なホバーで動作するカルーセルを実装…

  5. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

  6. JavaScript

    ホバーすると中心から円形メニューが表示される「jQuery Wheel Menu」

    ホバーするとその地点を中心にして円形メニューが表示されるプラグイン「j…

最近の記事

  1. クッキー&クリーム ポップコーン
  2. マウイチップス マウイオニオン味
  3. グリーンビーントゥーバー
  4. VS-543AS

アーカイブ

PAGE TOP