[JS]カラーをアニメーションで少しずつ変更するスクリプト -Color Animations

Post on:2010年4月9日

sponsors

ボックスやテキストのカラーをアニメーションで少しずつ変更するスクリプトをDr.Web Magazineから紹介します。

デモページでは、テキストやボックスを水平・垂直に配置したナビゲーションがマウスホバーに合わせてカラーが変更します。

使用しているスクリプトはjQueryで、プラグインにColor Animationsを使用しています。

スクリプトのダウンロードはリンクが切れているので、デモページからのリンクを掲載しておきます。
color.js

Dr.Web Magazineのデモではナビゲーションのカラーを変更する際、マウスオーバー時には「fast」ですぐカラーを変更し、マウスアウト時には「slow」でゆっくりカラーを変更している配慮がいいですね。