読者です 読者をやめる 読者になる 読者になる

jqueryで簡単画像hover

hover(rollover)用画像を作成しない場合にマウスhover時にちょっと変化させたい場合、jqueryで以下のようにすればよさそう。

hoverしたいimg要素にclass="hover"と指定しておき、

$(document).ready(function() {
	$("img.hover").fadeTo(0,1.0);
	$("img.hover").hover(function() {
			$(this).fadeTo(100,0.7);
		},
		function() {
			$(this).fadeTo(75,1.0);
		});
});

とする。fadeToの値は適宜変更する。