テキストをフェードインしながらマウスオーバーで色を変える「jQuery Glow」

http://design-develop.net/web-design/jquery-glow.html


様々なシーンで利用されている軽量かつ高機能なjavascriptライブラリjQuery。本当に色々な事が工夫次第で可能ですが、今回紹介するのはテキストをフェードインしながらマウスオーバーで色を変える「jQuery Glow」です。言葉で説明するとわかりづらいので、まずは下記からデモをご覧下さい

herearesomoe
jQuery Glow Demo

通常のテキストにマウスオーバーするとゆっくりとフェードしながら色が変わっていきます。

詳しくは以下

色の変化はscript部分で制御されており、テキストの元のカラーを定義して指定したクラス名を表示させたい箇所に割り当てるだけです。

非常に細かい部分で、使いどころは限られるかもしれませんが、HTMLで少し動きを付けたい時やテキストを主体とした大きなメニューを設置していたりする場合には良いかもしれません。シンプルな作りになっていますので、既存のサイトなどでも簡単に実装できると思います。

Ajaxian ? jQuery Glow

Follow me!