Js代码动态移动层-拖动浮层并关闭

最新推荐文章于 2021-04-15 19:09:44 发布

weixin_30656145

最新推荐文章于 2021-04-15 19:09:44 发布

阅读量149

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/softmans/p/7422950.html

版权

<html>
<head>
<title>动态移动的层</title>
<body bgcolor="#ADBAC9">
<div id="div1" class="yellow" style="VISIBILITY:visible ; position: absolute; top: 60; left: 200; width: 360; height: 250; filter: revealTrans(transition=12, 'duration=0.1) blendTrans(duration=0.1)">
<div id=title οnmοusedοwn=DIVDown("div1") style="padding:2px; font-size:13px;text-indent:5;color:#FFFFFF;cursor:move">源码爱好者</div>
<img id=close οnclick=Hide(div1) style="position: absolute; right: 2; top: 2" border="0" src="http://www.codefans.net/jscss/demoimg/201405/close.gif" width="15" height="15">
</div>
<script language="JavaScript">
var Obj="none";
var pX
var pY
document.οnmοusemοve=DIVMove;
document.οnmοuseup=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>

转载于:https://www.cnblogs.com/softmans/p/7422950.html

weixin_30656145

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Js代码动态移动层-拖动浮层并关闭

<html><head><title>动态移动的层</title><body bgcolor="#ADBAC9"><div id="div1" class="yellow" style="VISIBILITY:visible ; position: absolute; top: 60; left: 200; width: 360;...
复制链接

扫一扫