软件开发培训班 >> 编程开发 >> JavaScript

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

　　本文标签：javascript,拖动

<!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>

技术文章快速查找

来自国外的14个图片放大编辑的jQuery插件整理

Javascript弹出窗口的各种方法总结

IE6中使用position导致页面变形的解决方案(js代码)

我的Node.js学习之路（四）--单元测试

DIY jquery plugin - tabs标签切换实现代码

JavaScript全排列的六种算法具体实现

js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍

兼容所有浏览器的js复制插件Zero使用介绍

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建