ロールオーバーで半透明

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

投稿者:

ayako0802

フロントエンドエンジニア