cssの場合
a:hover{ opacity:0.6; -moz-opacity:0.6; zoom:1; /* ie 6 7 8 */ filter: alpha(opacity=60); /* ie 6 7 */ -ms-filter: "alpha(opacity=60)"; /* ie 8 */ }
jQueryの場合
$(function(){ //セレクタで指定。使わないものは.not("#hoge") $("#momoHeaderBack a img,.hover").not("#h1logo").hover(function(){ $(this).fadeTo("normal", 0.6); // マウスオーバーで透明度を60%にする },function(){ $(this).fadeTo("normal", 1.0); // マウスアウトで透明度を100%に戻す }); });
jQueryとCSS
.opacity{ opacity:0.6; -moz-opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; } $(function(){ $('a img').on({ 'mouseenter':function(){ $(this).addClass("opacity"); }, 'mouseleave':function(){ $(this).removeClass("opacity"); } }); });