易网时代-编程资源站

首页 / 脚本样式 / JavaScript / 代码短小的js div层拖动实现代码[兼容IE与Firefox]

<script type="text/javascript"> var ie=document.all; var nn6=document.getElementById&&！document.all; var isdrag=false; var x,y; var dobj; function movemouse（e） { if （isdrag） { dobj.style.left = nn6 ？ tx + e.clientX - x : tx + event.clientX - x; dobj.style.top = nn6 ？ ty + e.clientY - y : ty + event.clientY - y; return false; } } function selectmouse（e） { var fobj = nn6 ？ e.target : event.srcElement; var topelement = nn6 ？ "HTML" : "BODY"; while （fobj.tagName ！= topelement && fobj.className ！= "dragme"） { fobj = nn6 ？ fobj.parentNode : fobj.parentElement; } if （fobj.className=="dragme"） { isdrag = true; dobj = fobj; tx = parseInt（dobj.style.left+0）; ty = parseInt（dobj.style.top+0）; x = nn6 ？ e.clientX : event.clientX; y = nn6 ？ e.clientY : event.clientY; document.onmousemove=movemouse; return false; } } document.onmousedown=selectmouse; document.onmouseup=new Function（"isdrag=false"）; </script><img src="http://www.jb51.net/images/logo.gif" style="position:relative;" width="210" height="96" class="dragme">

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图