dynamo.js

テキストを部分的にカッコよくアニメーションさせつつ切替え可能にするjQueryプラグイン「dynamo.js」
<p>I wish I could <span class="dynamo" data-lines="modify,mutate,morph,switch">change</span> the text here.</p>
のように書いて、初期化してあげると、I wish I could 〜 移行に <span>の data-lines属性で指定した単語をアニメーションさせつつローテーションするカッコいいエフェクトが作れます



切替えスピード等は .dynamo な要素の data-属性を切り替えることでカスタマイズが可能です。
data-で切替え可能というわけで、スクリプトの初期化は $('.dynamo').dynamo(); でOKかつ、要素それぞれにおいてカスタマイズが可能。

関連エントリ

• 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」
• faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」
• テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」
• 文字を映画ばりにカッコよくアニメーションさせるjQueryプラグイン「jWise.js」