JS实现动态移动层及拖动浮层关闭的方法
本文实例讲述了JS实现动态移动层及拖动浮层关闭的方法。分享给大家供大家参考。具体实现方法如下：
<html>
<head>
<title>动态移动的层</title>
<bodybgcolor="#ADBAC9">
<divid="div1"class="yellow"style="VISIBILITY:visible;
background-color:#FFFF00;
position:absolute;top:60;left:200;
width:360;height:250;
filter:revealTrans(transition=12,'duration=0.1)
blendTrans(duration=0.1)">
<divid=titleonmousedown=DIVDown("div1")
style="background-color:#30608F;padding:2px;
font-size:13px;text-indent:5;
color:#FFFFFF;cursor:move">标题</div>
<imgid=closeonclick=Hide(div1)
style="position:absolute;right:2;top:2"border="0"
src="close.gif"width="15"height="15">
</div>
<scriptlanguage="JavaScript">
varObj="none";
varpX
varpY
document.onmousemove=DIVMove;
document.onmouseup=DIVUp;
functionDIVDown(tag){
Obj=tag;
pX=parseInt(document.all(Obj).style.left)-event.x;
pY=parseInt(document.all(Obj).style.top)-event.y;
}
functionDIVMove(){
if(Obj!="none"){
document.all(Obj).style.left=pX+event.x;
document.all(Obj).style.top=pY+event.y;
event.returnValue=false;
}
}
functionDIVUp(){Obj="none";}
functionHide(divid){
divid.filters.revealTrans.apply();
divid.style.visibility="hidden";
divid.filters.revealTrans.play();
}
</script>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。