Menu

もうひとつのマウスをのせたとき/外れたとき mouseenter()/mouseleavr()メソッド

リンクをにマウスをのせると画像が切り替わって、マウスを外すと元の画像に戻ります。

jQuery Code

$(function() {
	$("#trigger").mouseenter(function(){
		$("#photo img").attr({
			"src": "images/chocolate.jpg",
			"alt": "チョコレートケーキ"
		});
	}).mouseleave(function(){
		$("#photo img").attr({
			"src": "images/fruittart.jpg",
			"alt": "フルーツタルト"
		});
	}).click(function(){
		return false;
	});
});

jQuery.com 公式ドキュメント

Chapter 8