テキストの手動入力っぽいアニメーションを実装するプラグイン「TypeType」を紹介します。
jQueryプラグイン「TypeType」
このプラグインを使えば、サイト上でキーボードから手動でタイプしているようなアニメーションを簡単に実装することができます。
手動タイプっぽく、たまに入力を間違えてバックスペースを使ったりするおもしろいプラグインです。
特設サイト?なんかにおすすめかな!?
それでは、デモページをご覧ください。
「TypeType」のデモ
ソース( HTML + jQuery )
< meta name = "description" content = "TypeType のデモでーす。" > |
< title >TypeType - jQueryプラグイン</ title > |
< link href = "http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel = "stylesheet" > |
< script src = "http://code.jquery.com/jquery-1.11.0.min.js" ></ script > |
< script src = "jquery.typetype.js" ></ script > |
$('textarea').typetype('TypeType のデモでーす。\n\nテキストをキーボードから手動でタイプしてるみたいで、かっこいいですね~!\n\n特設サイト?などにおすすめのプラグインですね。'); |
jsファイルのダウンロード、その他のオプション詳細はこちらからどうぞ。