jQuery：画像一つでもロールオーバー効果 | in hiding.

メニューの数が多いサイトで、そのメニューすべてにロールオーバー効果を仕込もうとするとメニューの数だけロールオーバー用の画像を作成しプリロードしなければならないですよね。先日手がけたサイトではトップページだけでもメニュー含めロールオーバー部分がが30個以上あって大変でした。 マウスオーバー時に画像が変わる場合はやっぱりそれだけ用意しなければなりませんが、例えばマウスオーバー時に濃くなるという仕様であればこの方法がなかなか使えたのでメモ。 用意するものはｊQuery本体と画像一つ。スクリプトは下記のようになります。 <script type="text/javascript"> function FlashBlock() { /*ページ読み込み時に画像の透明度を50％にする*/ $(".FlashBlock").fadeTo(100, 0.5); /*マウスオーバー・アウト時の処理*/

[rskmt346]

色が濃くなる