代码短小的js div层拖动实现代码[兼容IE与Firefox]

更新时间：2010年05月11日 18:45:24 作者：

代码短小的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> <div align="center"> <img src="https://www.jb51.net/images/logo.gif" style="position:relative;" width="210" height="96" class="dragme"> </div>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

JavaScript中清空数组的三种方式
本文主要介绍了JavaScript中清空数组的三种方式。具有很好的参考价值。下面跟着小编一起来看下吧
2017-03-03
js和jquery使按钮失效为不可用状态的方法
js和jquery如何使按钮失效，很简单，只要设置disabled属性为true即为不可用状态即可，下面有个简单的示例，大家可以参考下
2014-01-01
JavaScript MutationObserver实例讲解
MutationObserver用来监视DOM变动。DOM的任何变动，比如节点增减、属性的变动、文本内容的变动都会触发MutationObserver事件，它与事件有一个本质不同：事件是同步触发，MutationObserver则是异步触发，DOM的变动并不会马上触发，而是要等到当前所有DOM操作都结束才触发
2022-12-12
javascript实现给定半径求出圆的面积
这篇文章主要介绍了javascript实现给定半径求出圆的面积的相关资料,需要的朋友可以参考下
2015-06-06
JS实现简单短信验证码界面
要实现短信验证码界面，首先要有一个文本框，旁边是按钮，点击时开始倒计时。接下来通过本文给大家分享js实现简单短信验证码界面，感兴趣的朋友参考下吧
2017-08-08
JS实现控制表格内指定单元格内容对齐的方法
这篇文章主要介绍了JS实现控制表格内指定单元格内容对齐的方法,涉及javascript操作表格单元格内容样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
React Native登录之指纹登录篇的示例代码
这篇文章主要介绍了React Native登录之指纹登录篇,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-11-11
JS实现的点击表头排序功能示例
这篇文章主要介绍了JS实现的点击表头排序功能,可实现针对表格中的字母、数字、日期等格式进行排序的功能,涉及javascript针对页面table元素的获取及字符串、数字等排序操作相关技巧,需要的朋友可以参考下
2017-03-03
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
这篇文章主要介绍了PhotoShop给图片自动添加边框及EXIF信息的JS脚本,本文给出效果图和实现代码,需要的朋友可以参考下
2015-02-02
Bootstrap Chart组件使用教程
图表组件Chart.js是Bootstrap比较好用的组件之一,与一款收费的组件highchart类似,效果上来看免费与收费的产品相差还是有一点点的，不过功能上差不多能满足我们项目的需要，本文给大家介绍Bootstrap Chart组件使用，需要的朋友参考下吧
2016-04-04

最新评论