マウスが離れた時の効果

質問

先日、SONYのVAIOのページを見てまして、
http://www.vaio.sony.co.jp/

右側のメニューの部分で、マウスが離れた時に青が薄くなっていく効果がかっこいいなぁ～と思ってJSのソースを見たかったのですが、外部ファイルになってて参照できませんでした。（絶対パスを入れても参照できず）
GIFアニメを作ってるのかな？？とかいろいろと考えたのですが、、、よくわかりません。

もし、参考となるサイトやソースを公開しているサイトをご存じでしたら教えて下さい。もちろん、ソースのご指導いただければ大変嬉しいですが…

よろしくお願いします。

回答No.1

noname#199778 · ベストアンサー

Vaioのページを見てきました。
JSファイルのソースや、画像ファイルなどを開いてみましたが、メニューのマウスが離れた時に色が薄くなっていく効果は、ご想像のようにgifアニメを使っているようです。 イメージのロールオーバーで、メニューの画像を色調が変わるgifアニメに差し替えることで、実現しているように思います。
gifアニメを作成し、それをロールオーバーで差し替えれば、同じような効果を適用できるのではないでしょうか。

参考まで。

お礼

ご回答ありがとうございました。
お礼が遅くなりまして申し訳ございませんでした。
gifアニメを作成してロールオーバーでやってみます。