图片放大镜

function initZoom(){                                        //页面初始化调用
   zoomImg=document.getElementById('zoomQjtp');      //得到大图片
   srcImg=document.getElementById('qjtpPath');       //得到小图片
   zoomImg.src = srcImg.src;                     
   zoomImg.width = srcImg.width*zoomRate;            //放大图片比例
   zoomImg.height = srcImg.height*zoomRate;    
   zoomImg.parentNode.style.width =srcImg.width;          //显示框大小
   zoomImg.parentNode.style.height =srcImg.height/2; 
}
//局部放大图片事件
function zoomMove(){                                            //小图片移动事件
   var elm = event.srcElement;                              //获得小图片
   w = elm.offsetWidth/zoomRate/2;                          //w（常量）: 小图片宽度/zoomRate/2 ；zoomRate=3（常量，自己初始化）；
   h = elm.offsetHeight/zoomRate/2;      
   var x = event.offsetX+20;                                //x: 当前对象坐标； +20预留边界，鼠标焦点右偏移
   xx=x<(elm.offsetWidth-w)?x<w?w:x:elm.offsetWidth-w;        //获得偏移量
   document.getElementById('zoomQjtp').style.marginLeft=(w-xx)*zoomRate;  //大图片对应移动   
   var y = event.offsetY+10;
   yy=y<(elm.offsetHeight-h)?y<h?h:y:elm.offsetHeight;      
   document.getElementById('zoomQjtp').style.marginTop=(h-yy)*zoomRate; 
}