最短的拖动代码[兼容FF]
- 作者：wjsl 来源：蓝色理想 文章点击数：
<!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" />
<title>来自心动网络</title>
<script language="Javascript" type="text/javascript">
var x,y
var drag_=false
var D=new Function('obj','return document.getElementById(obj);')
//更改这名以便针对特定的浏览器 如Opera的判断navigator.appName.indexOf("Opera")
var IE=new Function('','if(navigator.appName.indexOf("Explorer")>=0)return 1;if(navigator.appName.indexOf("Netscape")>=0)return 2;if(navigator.appName.indexOf("Opera")>=3)return 3')
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
//此处增加||IE()==3||IE()==undefined
if(IE()==2||IE()==3||IE()==undefined){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>
- 上一篇：仿windows选项卡效果拾零
- 下一篇：超酷的图片轮换渐变效果
- 相关文章
| ·超酷的图片轮换渐变效果 | 07-17 |
| ·超强的粒子特效 | 07-16 |
| ·仿windows选项卡效果拾零 | 07-15 |
| ·符合Firefox的,以图片代替滚动条效果 | 07-14 |
| ·模仿JQ的UI-TAB控件,兼容多浏览器 | 07-12 |
| ·一个背景变暗的div可拖动提示窗口，兼容IE、Firefox、 | 07-11 |
| ·非常不错的一个DIV+CSS客齐集的导航特效 | 07-10 |
| ·非常经典的不用图片实现圆角代码 | 07-09 |
