圖片放大鏡

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; 
}