JS实现动态移动层及拖动浮层关闭的方法

时间：2021-05-26

本文实例讲述了JS实现动态移动层及拖动浮层关闭的方法。分享给大家供大家参考。具体实现方法如下：

<html><head><title>动态移动的层</title><body bgcolor="#ADBAC9"><div id="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) "><div id=title onmousedown=DIVDown("div1") style="background-color:#30608F;padding:2px; font-size:13px;text-indent:5;color:#FFFFFF;cursor:move">标题</div><img id=close onclick=Hide(div1)style="position: absolute; right: 2; top: 2" border="0"src="close.gif" width="15" height="15"></div><script language="JavaScript">var Obj="none";var pXvar pYdocument.onmousemove=DIVMove;document.onmouseup=DIVUp;function DIVDown(tag){Obj=tag;pX=parseInt(document.all(Obj).style.left)-event.x;pY=parseInt(document.all(Obj).style.top)-event.y;}function DIVMove(){if(Obj!="none"){document.all(Obj).style.left=pX+event.x;document.all(Obj).style.top=pY+event.y;event.returnValue=false;}}function DIVUp(){Obj="none";}function Hide(divid){divid.filters.revealTrans.apply();divid.style.visibility = "hidden";divid.filters.revealTrans.play();}</script></body></html>

希望本文所述对大家的javascript程序设计有所帮助。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章