テキストをカラフルにしたり、ジャンプさせるjQueryプラグイン「jQuery Text Animation」

テキストをカラフルにしたり、ジャンプさせるjQueryプラグイン「jQuery Text Animation」サンプル サイトを構成する中で一番多い要素、テキスト。
これを操ることで印象が大きく変わってきます。
jQueryプラグインのjQuery Text Animation - jQuery Pluginsを利用するとカラフルにテキストが流れていったり、ジャンプさせたり様々な装飾が可能になります。

使用方法 jQuery Text Animation - jQuery Pluginsからファイル一式をダウンロードします。
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script src="jquery.transit.min.js"></script>
<script src="jquery.textanimation.js"></script>
<script type="text/javascript">
$(function(){
$("#id名").textAnimation({
mode: "highlight", //ハイライトの場合。その他roll,step, jumpがあります。
baseColor: "#111111", //ベースの色
highlightColor: "#2FFF5F" //ハイライトカラー
});
});
</script>

あとは効果を与えたい要素にidを付与すれば完成です。
<div id="id名">テキスト</div>
テキストをカラフルにしたり、ジャンプさせるjQueryプラグイン「jQuery Text Animation」サンプル

sponsors

「テキストをカラフルにしたり、ジャンプさせるjQueryプラグイン「jQuery Text Animation」」をシェアする

記事作成:
記事URL:

TOP > > > テキストをカラフルにしたり、ジャンプさせるjQueryプラグイン「jQuery Text Animation」