テキストのエフェクトがかっこいいjQueryプラグイン texteffects.js

テキストのエフェクトがかっこいいjQueryプラグイン texteffects.jsを使ってみた。

http://fourdesire.com/playgrounds/texteffects

demo

設置は非常に簡単で


$(function(){
	$(".test1").textEffect();
	$(".test2").textEffectLoop();
});

$(function(){

$(".test1").textEffect();

$(".test2").textEffectLoop();

});

HTML


<p class="test1">
    スタンダードな関数です。1度だけ再生されます
</p>
<ul class="test2">
    <li>スタンダードな関数が、ループし続けます</li>
    <li>liタグで複数指定します</li>
    <li>liタグの数だけループし、最後までいくとまた最初から再生します</li>
</ul>

スタンダードな関数です。1度だけ再生されます

</p>

<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