码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-04-14 14:31:13      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

<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>

<div>http://www.999jiujiu.com/</div>

<script language="JavaScript">
var Obj="none";
var pX
var pY
document.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>

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

标签:

原文地址:http://www.cnblogs.com/life6688/p/4424641.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!