タイピング風なアニメーションを実装できるjQueryプラグイン「t.js」!

2015/11/12

こんにちは。
今回はタイピング風なアニメーションを実装できるjQueryプラグイン「t.js」!です。

タイピング風なアニメーションを実装できるおもしろいjQueryプラグインを見つけたので紹介します。

タイピング風なアニメーションを実装できるjQueryプラグイン「t.js」!

t.js

t-js

 

jQueryプラグイン「t.js」をダウンロードしてみよう!

t.js」のサイトにアクセスして「t.min.js (1.9 KB – g’zipped)」のボタンをクリックして保存します。

 

jQueryプラグイン「t.js」の使い方

jQuery本体とt.min.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。
これがデフォルトの状態になります。

 

html部分を記述します。

 

取り消しのアニメーションを実装したい場合は該当箇所をで囲みます。

 

オプションは下記のようになります。

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。タイピング風なアニメーションを実装したい時に使ってみてはどうでしょうか。
以上でタイピング風なアニメーションを実装できるjQueryプラグイン「t.js」!でした。

topへ戻る