firefox浏览器下javascript拖动层效果与原理分析代码_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:38:22

firefox浏览器下javascript拖动层效果与原理分析代码_javascript技巧

firefox浏览器下javascript拖动层效果与原理分析代码_javascript技巧:firefox下实现可拖动层代码 www.gxlcms.com 拖动层效果代码 var obj=0; var x=0; var y=0; var ie = (navigator.appVersion.indexOf(MSIE)!=-1);//IE var ff = (navigator.userAgent.indexOf(Fir

推荐度：

点击下载本文 文档为doc格式

导读firefox浏览器下javascript拖动层效果与原理分析代码_javascript技巧:firefox下实现可拖动层代码 www.gxlcms.com 拖动层效果代码 var obj=0; var x=0; var y=0; var ie = (navigator.appVersion.indexOf(MSIE)!=-1);//IE var ff = (navigator.userAgent.indexOf(Fir

firefox下实现可拖动层代码

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>www.gxlcms.com 拖动层效果代码</title> 
 
 var obj=0; 
 var x=0; 
 var y=0; 
 var ie = (navigator.appVersion.indexOf("MSIE")!=-1);//IE 
 var ff = (navigator.userAgent.indexOf("Firefox")!=-1);//Firefox 
 function find(evt,objDiv){ 
 obj = objDiv 
 if (ff){ 
 x = document.documentElement.scrollLeft + evt.layerX; 
 y = document.documentElement.scrollTop + evt.layerY; 
 
 if (document.documentElement.scrollTop > 0){ 
 y = evt.layerY - document.documentElement.scrollTop; 
 } 
 
 if (document.documentElement.scrollLeft > 0){ 
 x = evt.layerX - document.documentElement.scrollLeft; 
 } 
 } 
 if (ie){ 
 x = document.documentElement.scrollLeft + evt.offsetX; 
 y = document.documentElement.scrollTop + evt.offsetY; 
 
 if (document.documentElement.scrollTop > 0){ 
 y = evt.offsetY - document.documentElement.scrollTop; 
 } 
 
 if (document.documentElement.scrollLeft > 0){ 
 x = evt.offsetX - document.documentElement.scrollLeft; 
 } 
 } 
 } 
 function dragit(evt){ 
 if(obj == 0){ 
 return false 
 } 
 else{ 
 obj.style.left = evt.clientX - x + "px"; 
 obj.style.top = evt.clientY - y + "px"; 
 } 
 } 
</ script> 
</head> 
<body style="margin:0" onmousemove="dragit(event)" onmouseup="obj = 0">

</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

firefox浏览器下javascript拖动层效果与原理分析代码_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：浏览器 firefox javascript

热门焦点

firefox浏览器下javascript拖动层效果与原理分析代码_javascript技巧

firefox浏览器下javascript拖动层效果与原理分析代码_javascript技巧

firefox浏览器下javascript拖动层效果与原理分析代码_javascript技巧

最新推荐

猜你喜欢

热门推荐