firefox浏览器下javascript 拖动层效果与原理分析代码 | 学步园

返回顶部
查看留言
转到底部

现在的位置: 首页 > 综合 > 正文

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

2012年04月03日 ⁄ 综合 ⁄ 共 902字 ⁄ 字号小中大 ⁄ 评论关闭

firefox下实现可拖动层代码

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><script> 
 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; </p>
<p>    if (document.documentElement.scrollTop > 0){ 
     y = evt.layerY - document.documentElement.scrollTop; 
    } </p>
<p>    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; </p>
<p>    if (document.documentElement.scrollTop > 0){ 
     y = evt.offsetY - document.documentElement.scrollTop; 
    } </p>
<p>    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>
<div id="aaa" style="background-color:red;width:200pt;height:200pt;position:absolute">
<div id="aa" style="width:200pt;height:20pt;background:blue;position:absolute" onmousedown="find(event,document.getElementById('aaa'))"></div>
</div>
<p>

返回

【上篇】模板列调用服务服务器端函数
【下篇】Android 带checkbox的listView 实现多选，全选，反选

作者: stinger

该日志由 stinger 于12年前发表在综合分类下，最后更新于 2012年04月03日.
转载请注明: firefox浏览器下javascript 拖动层效果与原理分析代码 | 学步园 +复制链接

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园保留所有权利.
软文销售 QQ客服：2265327166

点击这里给我发消息

（其他合作也可洽谈）