javascript最短的拖动代码[兼容FF]
2007-10-14 00:00
405 查看
发帖时无法插入可运行代码?
以下为程序代码:
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
这个是可以拖动的层
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
以下为程序代码:
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
这个是可以拖动的层
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- javascript最短的拖动代码[兼容FF]
- 兼容IE FF Opera的javascript最短的拖动代码
- 兼容IE FF Opera的javascript最短的拖动代码
- IE和FF都兼容的加入收藏的javascript代码
- javascript实现拖动层效果代码(符合标准且兼容IE,chrome,firefox)
- Javascript 网页黑白效果实现代码(兼容IE/FF等)
- javascript实现可以拖动的层示例(层拖动,兼容IE/FF)
- javascript 兼容FF的onmouseenter和onmouseleave的代码
- javascript实现可以拖动的层示例(层拖动,兼容IE/FF)
- javascript实现拖动层效果代码(符合标准且兼容IE,chrome,firefox)
- JavaScript代码实例:拖动对象 Drag Object (兼容:IE、Firefox、Opera ... )
- JavaScript经典代码【一】【DIV+CSS解决IE6,IE7,IE8,FF兼容问题】
- Javascript 网页黑白效果实现代码(兼容IE/FF等)
- 比较常见的拖动层代码。(兼容FF)
- 续:比较常见的拖动层代码。(兼容FF)
- JS控制的可拖动层代码(兼容IE,FF)
- javascript实现可以拖动的层示例(层拖动,兼容IE/FF)
- javascript实现可以拖动的层示例(层拖动,兼容IE/FF)
- javascript获取鼠标位置部分的实例代码(兼容IE,FF)
- [JavaScript实例] 兼容IE和最新FF的复制粘贴代码