<div style="position: absolute; width: 100px; height: 100px; z-index: 1" id="ptpt">
<table border="0" cellpadding="0" cellspacing="0" id="pppttt">
<tr>
<td><a href="图片目标" target="_blank"><img src="22222.jpg" border="0" /></a></td>
</tr>
<tr>
<td align="right" bgcolor="#FFFFFF" style="FILTER: alpha(opacity=50)"><a href="javascript:Display(pppttt)">关闭</a> </td>
</tr>
</table></div><script type="text/javascript">
var x = 50,y = 60//调节初始的位置
var a = 1, b = 0
var step =0.5 //速度var obj=document.getElementById("ptpt") //ptpt为层的ptpt
function ptpt() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(a?1:-1)
if (x < L) { a=1; x = L}
if (x > R){ a =0; x = R}
y = y + step*(b?1:-1)
if (y < T) { b =1; y = T }
if (y > B) { b = 0; y = B }
}
var itl= setInterval("ptpt()", 1)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("ptpt()", 1)}
</script>==== 各浏览器都能实现页面漂浮,IE9和FF不漂======
请看下问题出在哪里。
解决方案 »
我的是FF4.0,注意要加上Doctype和xmlns
<!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></head>
<body>
=============== 这是里js代码 ==============
</body>
</html>再没有标准格式里,任何浏览器都正常,增加标准后,就出错。
加了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">单位要加起
obj.style.left = x + document.body.scrollLeft+'px'
obj.style.top = y + document.body.scrollTop+'px'
本文地址:http://www.roammemo.com/html5/144.html
版权声明:若无注明,本文皆为“漫游的备忘录”原创,转载请保留文章出处。