Heim >Web-Frontend >HTML-Tutorial >急急求兼容IE和火狐的网站漂浮物代码!(IE9和IE5、6、7、8解析都不一样的)_html/css_WEB-ITnose
我现有的代码只兼容IE8以下的,IE9和火狐无法兼容,求大神帮帮忙啊!!
<div id="codefans_net" visibility: visible; border:#A3DFF7 1px solid;></div><script language="JavaScript" type="text/javascript"> var x = 50, y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj = document.getElementById("codefans_net") function float() { 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 * (xin ? 1 : -1) if (x < L) { xin = true; x = L } if (x > R) { xin = false; x = R } y = y + step * (yin ? 1 : -1) if (y < T) { yin = true; y = T } if (y > B) { yin = false; y = B } } var itl = setInterval("float()", delay) obj.onmouseover = function() { clearInterval(itl) } obj.onmouseout = function() { itl = setInterval("float()", delay) } function close_float() { obj.style.visibility = 'hidden'; }</script>
本帖就是一个活生生的例子了
本帖就是一个活生生的例子了
这个例子不兼容IE9和火狐的!我想要个兼容的
这样啊,以后考虑用ff上csdn好了
这样啊,以后考虑用ff上csdn好了
真是的!如果让你去做某个网站的门户,难道你只考虑IE8以下的用户,IE9和火狐的用户就不考虑了!!
你这段代码 问题出在 xx.style.top(left) IE6 7 8都识别的,但是其它比如FF 谷歌 IE9不识别~
你这段代码 问题出在 xx.style.top(left) IE6 7 8都识别的,但是其它比如FF 谷歌 IE9不识别~
解决方案就是 在你的数值后面 +'px' 就可以实现兼容~