jQueryで制御する文字エフェクト集「20+ Easy to Use jQuery Text Effects and Animations 」

WEBで文字にちょっとした変化をつけようと思うと、なかなかHTMLとCSSだけでは難しくて、どうしても画像にしたりFLASHにしたりとしなければいけない場合が多いかと思います。多くの場合は問題はないのですが、利便性などを考慮した場合、テキストのまま処理ができたほうが良かったりもします。今日紹介するのはjQueryで文字に対してかけられる様々なエフェクトを集めたエントリー「20+ Easy to Use jQuery Text Effects and Animations 」です。

jquerttext1
FontEffect jQuery Plugin

グラデーション、影、アニメーションなどなど様々なエフェクトが公開されています。全部で20個のエフェクトが公開されていますが、今日はその中からいくつか気になった物を紹介したいと思います。

詳しくは以下

■jQuery Grab Bag - Text Effects Plugin
テキストエリアに対して、設定したアニメーションを付加できるjQueryプラグイン。

jquerttext2
　
　
　
　
■3D Flying Text in jQuery
指定したテキストを次々と表示させることができるエフェクト。動きや文字色など細かい部分も指定できるみたいです。

jquerttext3
　
　
　
　
　
■Playing with jQuery Color Plugin and Color Animation
バックグラウンドの色をマウスオーバー時フェードで切り替えます。ランダムに色を指定することも可能です。

jquerttext4
　

上記の他にも沢山のjQueryを使ったテキストエフェクトが公開されています。汎用性があるものは、なかなか有りませんが、アクセント的に使える物だと思います。サイトにもう一つ遊びを加えたいという方は是非どうぞ。

20+ Easy to Use jQuery Text Effects and Animations

Related Articles:

Tags: Javascript, jQuery, webdesign
This entry was written by designdevelop and posted on 2009/11/18 水曜日 at 12:47:31 and filed under WEBデザイン. Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL.

(35)

(0)

(6) Total: 43

3 Trackbacks

By jQueryで制御する文字エフェクト集「20+ Easy to Use jQuery Text Effects and Animations 」 | DesignDevelop « とっても！　ちゅどん（雑記帳） on 2009/11/18 水曜日 at 15:09:59

[...] jQueryで制御する文字エフェクト集「20+ Easy to Use jQuery Text Effects and Animations 」 | DesignDevelop jQueryで制御する文字エフェクト集「20+ Easy to Use jQuery Text Effects and Animations 」 | DesignDevelop [...]
By Garnet Sky≫ 気になったものリンク 11月19日 (#62) on 2009/11/20 金曜日 at 7:40:53

[...] jQueryで制御する文字エフェクト集「20+ Easy to Use jQuery Text Effects and Animations 」 | DesignDevelop アクセントに凄く使えそうですね！ [...]
By gogoLounge on 2009/12/20 日曜日 at 0:23:07

jQuery Color Animations 色を動的に変化させ、目を引く演出を！

jQuery Color Animationsを使えば、文字色や背景色を動的に変化させることができます。ナビゲーションメニューや、強調させたいところに使い、ワンランク上の鮮やかな楽しい効果を簡単に演…