－－－－－》拖动层中的图片时候有卡的感觉，请高手指点！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<script>  
var down = false;  
var startX = 0; startY = 0;startLeft = 0;startTop = 0;   function MoveDivMouseUp(){  
down = false;  
thelayer.releaseCapture();
thelayer.style.filter="alpha(opacity=100)" ; 
}  
function MoveLayer(){  
if (down){   
thelayer.style.pixelLeft = event.clientX-offsetX;  
thelayer.style.pixelTop = event.clientY-offsetY; 
}
}  
function MoveDivDownMouse(){  
if (!document.all) return true;//暂时只支持4.0以上的IE浏览器  
thelayer = event.srcElement;  
down = true;  
thelayer.setCapture();
offsetX = event.offsetX;  
offsetY = event.offsetY;
thelayer.style.filter = "alpha(opacity=50)" ;  }  
function myadd(objID)
{
var divs = document.getElementById(objID); 
if(divs)
{
for(var i=0;i<divs.children.length;i++)
{
divs.children[i].style.position='absolute';
divs.children[i].onmousedown=MoveDivDownMouse;
divs.children[i].onmousemove=MoveLayer;
divs.children[i].onmouseup=MoveDivMouseUp;

}
}
}
</script>
</head>
<body>
<FONT face="宋体"></FONT><FONT face="宋体"></FONT>
<DIV id="div1"><IMG  src="nophoto.jpg"></DIV>
<script language="javascript">
<!--
myadd("div1");
//-->
</script>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
fdsafdsafdskajfkds;la
</body>
</html>

解决方案 »

  1.   

    function MoveDivMouseUp(){  
    down = false;  
    thelayer.releaseCapture();<=add this line
    thelayer.style.filter="alpha(opacity=100)" ; 
    } 
    function MoveDivDownMouse(){  
    if (!document.all) return true;//暂时只支持4.0以上的IE浏览器  
    thelayer = event.srcElement; <==add this line 
    down = true;  
    thelayer.setCapture();
    offsetX = event.offsetX;  
    offsetY = event.offsetY;
    thelayer.style.filter = "alpha(opacity=50)" ;  }