拖动层

Posted 没刮胡子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了拖动层相关的知识,希望对你有一定的参考价值。

<html>
<head>
<title>动态移动的层</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<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>

 

参考

https://edu.csdn.net/course/play/25603/307048

https://edu.csdn.net/course/play/25785/313742
https://edu.csdn.net/course/play/25125/292196

以上是关于拖动层的主要内容,如果未能解决你的问题,请参考以下文章

Android从地图片段底部拖动回收器视图

Javascript的层拖动问题

Final Cut Pro X中的音视频片段如何自由拖动?

拖动时的 KineticJS 图层索引

openlayers小案例(输入地名查询拖动图层切换图层透明度鹰眼图层显示与隐藏定位放大缩小)新手必备

在两个片段之间拖放?