2013/08/07
テキストのエフェクトがかっこいいjQueryプラグイン texteffects.js
テキストのエフェクトがかっこいいjQueryプラグイン texteffects.jsを使ってみた。
http://fourdesire.com/playgrounds/texteffects
設置は非常に簡単で
JS
|
1 2 3 4 | $(function(){ $(".test1").textEffect(); $(".test2").textEffectLoop(); }); |
HTML
|
1 2 3 4 5 6 7 8 | <p class="test1"> スタンダードな関数です。1度だけ再生されます </p> <ul class="test2"> <li>スタンダードな関数が、ループし続けます</li> <li>liタグで複数指定します</li> <li>liタグの数だけループし、最後までいくとまた最初から再生します</li> </ul> |
関数はtextEffect()とtextEffectLoop()の2つだけで
前者が1度だけ、後者はループする。
パラメータは主に以下が利用できる。
textEffect()
fps: フレームごとのマイクロ秒
repeat: 指定した文字がでる前に出るその他文字の数
debug: デバッグモード
reverse: trueで逆エフェクト
possibleChar: 使用する文字。例：”ABCDEFGHIJKLMNOPQRSTUVWXYZ~!@#$%^&*()_+-=[];;><0123456789″
textEffectLoop()
timeout: エフェクト開始から終了までのマイクロ秒
loop: 何回ループさせるか
Author Profile
SHARE