JS特效：鼠标移动到图片放大的效果

　2010-09-14 12:56:52　来源：WEB开发网　闂侀潧妫撮幏锟�

婵犫拃鍛粶闁靛洤娲ㄩ埀顒佺⊕閵囩偟绱為敓锟�闂侀潧妫撮幏锟�　　闂佺ǹ绻楀▍鏇㈠极閻愭娑樷枎閹邦剛娉氶梺鍛婎殔濞层劌鈻撻幋婵愬殫妞ゆ梻鍘х憴锟�

核心提示：你的表格的标签要一样,而且HEIGHT和WIDTH要用100%<SCRIPT LANGUAGE="JavaScript">var offsetX=120;var offsetY=00;function Fpop(){var oImg =event.srcElement;var px =o

你的表格的标签要一样,而且HEIGHT和WIDTH要用100%

<SCRIPT LANGUAGE="JavaScript">
var offsetX=120;
var offsetY=00;
function Fpop()
{
var oImg =event.srcElement;
var px =oImg.offsetLeft;
var py =oImg.offsetTop;
popDiv.innerHTML ="<img src=""+oImg.src+"" />"
popDiv.style.left =px+offsetX;
popDiv.style.top =py+offsetY;
popDiv.style.display="";
}
function Fhidden()
{
popDiv.style.display="none";
}
</SCRIPT>
<div id="popDiv" style="position:absolute;z-index:10;border:1px solid black;display:none;"></div>
<img src=http://tech.ddvip.com/2007-01/"http://www.ddvip.com/images/logo1.gif" width="120" height="55" onmouseout="Fhidden()" onmouseover="Fpop()">
<Img Src=http://tech.ddvip.com/2007-01/"http://www.ddvip.com/images/logo.gif" width=250hight=75 Border=0 onMouseOver='this.width=500' onMouseOut='this.width=250'>
<Img Src=http://tech.ddvip.com/2007-01/"http://www.ddvip.com/images/logo.gif" width=125 Border=0 onMouseOver='this.width=this.width*2' onMouseOut='this.width=this.width/2'>