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

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

デモのキャプチャ

jQuery-Plugin Color Animations - Menüs mit wechselnden Farben animieren
デモページ

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

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

デモのキャプチャ

Color Animations
デモページ

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

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

sponsors

top of page

©2024 coliss