マウスオーバーしたら.hover()でふわっと切り替える。 | かえラボBlogすっかり最近のマイブームになってしまった、ふわっと切り替えるホバー処理。 マウスオーバーすると、imgの不透明度を0％にして、下の背景を表示させる。 マウスアウトすると、imgの不透明度を100％に戻す。 // HTML <a href="#" class="hover"> <img src="..."> </a> // CSS a { background: url(...); } // JS $(".hover").hover( function(){ $("img", this).stop(true).fadeTo(500, 0); }, function(){ $("img", this).stop(true).fadeTo(500, 1); } );
