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");
}
});
});