Implementing a picture based on jquery by clicking the mouse to zoom in and then zooming out_jquery

复制代码 代码如下:

<script> <br>var isopen = false; <br>var newImg; <br>var w = 200; //将图片宽度 200 <br>var h = 200; // 将图片高度 200 <br>$(document).ready(function(){ <br>$("img").bind("click", function(){ <br>newImg = this; <br>if (!isopen) <br>{ <br>isopen = true; <br>$(this).width($(this).width() w); <br>$(this).height($(this).height() h); <br>moveImg(10, 10); <br>} <br>else <br>{ <br>isopen = false; <br>$(this).width($(this).width() - w); <br>$(this).height($(this).height() - h); <br>moveImg(-10, -10); <br>} <br><br>}); <br>}); <br>//移位 <br>i = 0; <br>function moveImg(left,top) <br>{ <br>var offset = $(newImg).offset(); <br>$(newImg).offset({ top: offset.top top, left: offset.left left}); <br>if (i == 10) <br>{ <br>i =0; <br>return; <br>} <br>setTimeout("moveImg(" left "," top ")", 10); <br>i ; <br>} <br></script>