// JavaScript Document
//by ddcai 2008-07-26 
//ddcai#21cn.com
<!-- 
//放大镜功能，鼠标经过一个图片，放大显示 
var smallX = 330; 
var bigX = 260; 
var bigY = 260; 
var srcX = -1; 
var srcY = -1; 
var border = 2; 

var smallY,viewX,viewY,bl,isIE,vX,vY; 
window.onload=function (){ 
 isIE=window.event?1:0; 
 if (srcX==-1 && srcY==-1){srcX=bigpic.width;srcY=bigpic.height;} 
 else{bigpic.width=srcX;bigpic.height=srcY;} 
 
 smallY=srcY*smallX/srcX; 
 viewX=bigX/srcX*smallX; 
 viewY=bigY/srcY*smallY; 
 bl=srcX/smallX; 
 smallpic.width=smallX; 
 smallpic.height=smallY; 
 document.getElementById("smallbox").style.borderWidth=border; 
 document.getElementById("smallbox").style.width=smallpic.offsetWidth+border*2*isIE; 
 document.getElementById("smallbox").style.height=smallpic.offsetHeight+border*2*isIE; 
 document.getElementById("bigbox").style.borderWidth=border; 
 document.getElementById("bigbox").style.width=bigX+border*2*isIE; 
 document.getElementById("bigbox").style.height=bigY+border*2*isIE; 
 document.getElementById("view").style.left=258 + border; 
 //document.getElementById("view").style.top=146 + border; 
 document.getElementById("view").style.top=146 + parseInt(document.getElementById("myhid_move").value) + border; 
 document.getElementById("view").style.width=viewX- !isIE*3; 
 document.getElementById("view").style.height=viewY- !isIE*3; 
 
} 
function move(e){ 
document.getElementById("bigbox").style.visibility="visible";
document.getElementById("view").style.visibility="visible";
 var e = window.event?window.event:e; 
 if (!isIE){vX=e.pageX-border-document.getElementById("smallbox").offsetLeft; 
 vY=e.pageY-border-document.getElementById("smallbox").offsetTop} 
 else{vX=e.offsetX;vY=e.offsetY} 
 vX+=-viewX/2; 
 vY+=-viewY/2; 
 if (vX < 0) vX = 0; 
 if (vY < 0) vY = 0; 
 if (vX > smallX - viewX) vX = smallX - viewX; 
 if (vY > smallY - viewY) vY = smallY - viewY; 
 document.getElementById("bigpico").style.marginLeft = - vX * bl; 
 document.getElementById("bigpico").style.marginTop = - vY * bl; 
 document.getElementById("view").style.left = vX + 435 + border; 
 //document.getElementById("view").style.top = vY + 146 + border; 
 document.getElementById("view").style.top = vY + 198 + parseInt(document.getElementById("myhid_move").value) +  border; 
} 
//--> 
