テキストの文字をかっこよく動かして見せたい方にぴったりのjQueryです。
テキストの切り替えのとき文字をいろいろなお洒落なエフェクト効果をかけて動きを出すことができます。

しかも、導入はいたってシンプル簡単です。

サンプルページを作ってみました。ご覧ください。

→ テキストをアニメーション風にお洒落に切り替えるjQueryプラグイン「textualizer」サンプル

日本語のテキストでもきちんと表示されていますね。


設定方法

まずは、textualizerのページから「textualizer.js」をダウンロードして下さい。クリックしてもダウンロードが始まらない場合は右クリックして対象やリンク先を保存するとダウンロードできます。

head内に
<script src=”http://code.jquery.com/jquery-1.6.2.min.js”></script>
<script src=”textualizer.js”></script>
と記述します。jsファイルの場所によってパスを変更して指定して下さい。

続いてtextualizerの設定を行います。

そして、<body>部の表示させたい部分にID名を記述すれば完成です。
<div id="txtlzr"></div>

サンプルページのソースは以下のようになります。ご参考まで。

この記事と関連してると思われる記事: