[JS]テキストや背景のカラーをアニメーションで変更するスクリプト -Color Animations

テキストや背景のカラーをアニメーションで少しずつ変更するスクリプトをDesizn Techから紹介します。

Playing with jQuery Color Plugin and Color Animation
demo

デモでは、テキストのカラーを変更するもの、背景を変更するもの、それぞれ異なるカラーに変更するものなどがあります。

テキストのカラーを変更する場合は、下記のように指定します。

$(".first a").hover(function() {
$(this).animate({color: "#00eeff" }, 400);
},function() {
$(this).animate({color: "#FFFFFF" }, 500);
});

カラーの指定やスピードも簡単に変更できます。

Color AnimationsはjQueryのプラグインのため、実装にはjquery.jsが必要です。

Post on:2009年6月25日