能用鼠标拖动的图层

稿源：互联网 2022-07-26 13:28:02 点击： 399 撤稿纠错

鼠标压住图层，可在页面中随意拖动。

以下讨论的是和拖动相关的能用鼠标拖动的图层教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<div style="width:140px; height:140px; background-color:pink; cursor:pointer;" id="www_zzjs_net" onmousedown="divBlock_event_mousedown(arguments[0]);"></div>
<script>
function divBlock_event_mousedown(e){
var e, obj, temp;
obj=document.getElementById("www_zzjs_net");
e=window.event?window.event:e;
obj.startX=e.clientX-obj.offsetLeft;
obj.startY=e.clientY-obj.offsetTop;
document.onmousemove=document_event_mousemove;
temp=document.attachEvent?document.attachEvent("onmouseup",document_event_mouseup):document.addEventListener("mouseup",document_event_mouseup,"");
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function document_event_mousemove(e){
var e, obj;
obj=document.getElementById("www_zzjs_net");
e=window.event?window.event:e;
with(obj.style){
position="absolute";
left=e.clientX-obj.startX+"px";
top=e.clientY-obj.startY+"px";
}
}
function document_event_mouseup(e){
var temp;
document.onmousemove="";
temp=document.detachEvent?document.detachEvent("onmouseup",document_event_mouseup):document.removeEventListener("mouseup",document_event_mouseup,"");
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</script>

关于能用鼠标拖动的图层的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2010083064304.shtml方便下次再访问哦。

·上一篇： 几款常用的弹出提示层特效
·下一篇： js+css设计精美网页表单

能用鼠标拖动的图层

文章分类LIST >>返回首页

最新游戏

最新新闻