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

　　firefox下实现可拖动层代码

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>www.glzy8.com 拖动层效果代码</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%20var%20obj%3D0%3B%20%0D%0A%20var%20x%3D0%3B%20%0D%0A%20var%20y%3D0%3B%20%0D%0A%20var%20ie%20%3D%20(navigator.appVersion.indexOf(%22MSIE%22)!%3D-1)%3B%2F%2FIE%20%0D%0A%20var%20ff%20%3D%20(navigator.userAgent.indexOf(%22Firefox%22)!%3D-1)%3B%2F%2FFirefox%20%0D%0A%20function%20find(evt%2CobjDiv)%7B%20%0D%0A%20%20obj%20%3D%20objDiv%20%0D%0A%20%20if%20(ff)%7B%20%0D%0A%20%20%20%20x%20%3D%20document.documentElement.scrollLeft%20%2B%20evt.layerX%3B%20%0D%0A%20%20%20%20y%20%3D%20document.documentElement.scrollTop%20%2B%20evt.layerY%3B%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20if%20(document.documentElement.scrollTop%20%3E%200)%7B%20%0D%0A%20%20%20%20%20y%20%3D%20evt.layerY%20-%20document.documentElement.scrollTop%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20if%20(document.documentElement.scrollLeft%20%3E%200)%7B%20%0D%0A%20%20%20%20%20x%20%3D%20evt.layerX%20-%20document.documentElement.scrollLeft%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%7D%20%0D%0A%20%20if%20(ie)%7B%20%0D%0A%20%20%20%20x%20%3D%20document.documentElement.scrollLeft%20%2B%20evt.offsetX%3B%20%0D%0A%20%20%20%20y%20%3D%20document.documentElement.scrollTop%20%2B%20evt.offsetY%3B%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20if%20(document.documentElement.scrollTop%20%3E%200)%7B%20%0D%0A%20%20%20%20%20y%20%3D%20evt.offsetY%20-%20document.documentElement.scrollTop%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%0D%0A%20%20%20%20if%20(document.documentElement.scrollLeft%20%3E%200)%7B%20%0D%0A%20%20%20%20%20x%20%3D%20evt.offsetX%20-%20document.documentElement.scrollLeft%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%7D%20%0D%0A%20%7D%20%0D%0A%20function%20dragit(evt)%7B%20%0D%0A%20%20if(obj%20%3D%3D%200)%7B%20%0D%0A%20%20%20return%20false%20%0D%0A%20%20%7D%20%0D%0A%20%20else%7B%20%0D%0A%20%20%20obj.style.left%20%3D%20evt.clientX%20-%20x%20%2B%20%22px%22%3B%20%0D%0A%20%20%20obj.style.top%20%3D%20evt.clientY%20-%20y%20%2B%20%22px%22%3B%20%0D%0A%20%20%7D%20%0D%0A%20%7D%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body style="margin:0" onmousemove="dragit(event)" onmouseup="obj = 0">

</body> 
</html>

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

教程首页更多教程