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

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

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

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

$(".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日

on 2009年12月20日

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

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