拖动层
来源:互联网 发布:付费ss 知乎 编辑:程序博客网 时间:2024/06/10 18:09
<html>
<head>
<title>动态移动的层</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<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>
</head>
<body bgcolor="#ADBAC9">
<div id="div1" class=yellow style="VISIBILITY:visible ; background-color:#FFFF00; position: absolute; top: 10; left: 12; width: 360; height: 250; filter: revealTrans(transition=12, 'duration=0.1) blendTrans(duration=0.1)">
<div id="title1" onmousedown=DIVDown("div1") style="background-color:#30608F;padding:2px; font-size:13px;text-indent:5;color:#FFFFFF;cursor:move">somken</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 id="div2" 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="title2" onmousedown=DIVDown("div2") style="background-color:#555500;padding:2px; font-size:13px;text-indent:5;color:#FFFFFF;cursor:move">somken</div>
<img id=close onclick="Hide(div2)" style="position: absolute; right: 2; top: 2" border="0" src="close.gif" width="15" height="15">
</div>
</body>
</html>
<head>
<title>动态移动的层</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<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>
</head>
<body bgcolor="#ADBAC9">
<div id="div1" class=yellow style="VISIBILITY:visible ; background-color:#FFFF00; position: absolute; top: 10; left: 12; width: 360; height: 250; filter: revealTrans(transition=12, 'duration=0.1) blendTrans(duration=0.1)">
<div id="title1" onmousedown=DIVDown("div1") style="background-color:#30608F;padding:2px; font-size:13px;text-indent:5;color:#FFFFFF;cursor:move">somken</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 id="div2" 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="title2" onmousedown=DIVDown("div2") style="background-color:#555500;padding:2px; font-size:13px;text-indent:5;color:#FFFFFF;cursor:move">somken</div>
<img id=close onclick="Hide(div2)" style="position: absolute; right: 2; top: 2" border="0" src="close.gif" width="15" height="15">
</div>
</body>
</html>
- 拖动层
- 拖动层
- 层拖动
- 拖动层
- javascript中拖动层
- div + css 拖动层
- 拖动层效果
- 拖动层+保存
- DIV拖动层效果
- 超级简单拖动层
- 如何拖动层
- js可拖动层
- js层拖动
- 拖拽(拖动)层
- DIV 层拖动应用
- js拖动层代码
- 可拖动的层
- 可拖动层代码
- 无废话JavaScript(上)
- 日期数据转换为字符串再转换为日期时要注意的一点
- uboot1.1.4编译成功
- 科幻:地震中留下的数码相框
- 无废话JavaScript(下)
- 拖动层
- 把UTF-8编码转换为GB2312编码
- 搞懂java中的synchronized关键字
- c语言输入密码时,用*代码密码
- 把爱情程序化——给女程序员的情书
- 编码人员和美工的配合问题
- Java中static的理解
- 怎么在XP下安装Linux啊???
- c++之全排列字典序法