タイピング風なアニメーションを実装できる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]


[/html]

 

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

[html]

[/html]

 

html部分を記述します。

[html]

テストテストテストテストテストテスト

[/html]

 

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

[html]

テストテストテストテストテストテスト

[/html]

 

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

[html]

[/html]

 

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

 

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

Topへ戻る