JS知识点：鼠标移入图片放大

  页面内容：

<img class="img" oper="zoom" src="test1.png"/>
<img class="img" oper="zoom" src="test2.png"/>
<img class="img" oper="zoom" src="test3.png"/>
<img class="img" oper="zoom" src="test4.png"/>

   鼠标移入图片放大监听：

function imgZoomEvent(){
	// 鼠标移入图片放大监听
	$("img[oper=zoom]").hover(function() {
		$("#titleInfoModal").append("<img src='" + $(this).attr("src") + "' id='pic1'>");
		$("img[oper=zoom]").mousemove(function(e) {
			var modalHeight = $("#titleInfoModal").height();
			var imgHeight = $("#pic1").height();
			var imgTop = e.pageY - imgHeight;
			if(imgTop < 0){
				imgTop = imgTop + 200
			}else if(imgTop < 170){
				imgTop = imgTop + 100;
			}
			$("#pic1").css({
				"max-width":"600px",
				"position":"absolute",
				"top": imgTop + "px",
				"left": (e.pageX + 30) + "px"
			}).fadeIn("fast");
		});
	}, function() {
		$("#pic1").remove();
	});
}