图片 以鼠标为中心进行定点缩放

缩放后的偏移度.x = (1+ scale)*x - x = scalex;transform 要设置缩放的中心位置 
这个应该比较麻烦 

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script>
      function pic(o){
    var zoom=parseInt(o.style.zoom, 10)||100; 
    zoom+=event.wheelDelta/12; 
    if (zoom>0) o.style.zoom=zoom+'%'; 
      }
      </script>
     </HEAD> <BODY>
      <img src="http://www.jb51.net/images/logo.gif" onmousewheel="pic(this)"/>
     </BODY>
    </HTML>