兼容IE FF Opera的javascript最短的拖动代码

更新时间：2008年01月06日 00:07:43 作者：

关于拖动的代码太多了要么复杂要么不兼容,在这就不多说了. 这里提供个简洁的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script language="JavaScript" type="text/javascript"> var x,y var drag_=false var D=new Function('obj','return document.getElementById(obj);') var IE=new Function('','if(navigator.appName.indexOf("Explorer")>=0)return 1;if(navigator.appName.indexOf("Netscape")>=0)return 2') function Move_obj(obj){//1                      D(obj).onmousedown=function(e){drag_=true//4                               with(this){style.position="absolute";temp1=offsetLeft;temp2=offsetTop;//5                               if(IE()==1){x=event.clientX;y=event.clientY//6                                   document.onmousemove=function(e){//7                                         if(drag_==false)return false                                      with(this){style.left=temp1+event.clientX-x+"px";style.top=temp2+event.clientY-y+"px"}                                      }//7                               }//6                               if(IE()==2){x=e.pageX;y=e.pageY;//8                                   document.onmousemove=function(e){//9                                         if(drag_==false)return false                                      with(this){style.left=temp1+e.pageX-x+"px";style.top=temp2+e.pageY-y+"px"}                                      }//9                               }//8                         }//5            document.onmouseup=new Function("drag_=false")                      }//4 }//1 </script> <body> <div id="test" style="background-color:#0099CC;width:200px"onmouseover='Move_obj("test")'>这个是可以拖动的层</div>

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

JavaScript中本地存储(LocalStorage)和会话存储(SessionStorage)的使用
本地存储和会话存储是比较常用的方法，你知道两者的区别吗，本文详细的介绍了JavaScript中本地存储(LocalStorage)和会话存储(SessionStorage)的使用，具有一定的参考价值，感兴趣的可以了解一下
2022-03-03
javascript伸缩型菜单实现代码
这是一款真正的JavaScript伸展收缩型菜单，鼠标放上看一看，是不是很酷？鼠标划出菜单项的时候，背景会伸长。菜单没有加链接，想用的自己加，再美化一下，绝对够个性吧。
2015-11-11
详解JavaScript对象的深浅复制
从层次上来看，对象的复制可以简单地分为浅复制和深复制，顾名思义，浅复制是指只复制一层对象的属性，不会复制对象中的对象的属性，对象的深复制会复制对象中层层嵌套的对象的属性。本文是我在复制对象方面的一些心得总结，由浅复制到深复制，感兴趣的朋友一起学习吧
2017-03-03
其实你可以少写点if else与switch（推荐）
switch case与if else的区别：switch case会生成一个跳转表来指示实际的case分支的地址，而if...else却需要遍历条件分支直到命中条件，下面这篇文章主要给大家介绍了关于if else与switch在使用中的一些技巧，需要的朋友可以参考下
2019-01-01
javascript 处理null及null值示例
这篇文章以示例的方式为大家介绍下javascript 如何处理null及'null'值,需要的朋友可以参考下
2014-06-06
javascript 使td内容不换行不撑开
javascript 使td内容不换行不撑开如何实现，本文将详细介绍，需要了解的朋友可以参考下
2012-11-11
JS逆向之浏览器补环境图文详解
平时JavaScript逆向需要补环境或者补一些函数,下面这篇文章主要给大家介绍了关于JS逆向之浏览器补环境的相关资料,文中通过图文以及实例代码介绍的非常详细,需要的朋友可以参考下
2023-03-03
js点击页面其它地方将某个显示的DIV隐藏
今天一朋友问我点击一按钮弹出一个DIV，然后要求点击页面其它地方隐藏这个DIV
2012-07-07
JavaScript实现可动的canvas环形进度条
这篇文章主要介绍了如何利用JavaScript canvas绘制一个可以动的环形进度条。文中的示例代码讲解详细，感兴趣的小伙伴可以动手试一试
2022-02-02
基于复选框demo(分享)
下面小编就为大家带来一篇基于复选框demo(分享)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09

兼容IE FF Opera的javascript最短的拖动代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具