87,993
社区成员
发帖
与我相关
我的任务
分享请问网页的飘动图标，以下代码，在ie6可以正常飘动，在现在用的360，ie等稍高版本的浏览器就停着不动，是什么原因呢？应该怎么才能让它动起来呢？
<!--图片漂浮广告代码开始-->
<div id="www_qpsh_com" style="position:absolute">
<!--链接地址--><a href="http://www.gdipo.gov.cn/shared/list4.aspx?page=0&type=5&id=13540" target="_blank">
<!--图片地址--><img src="images/dd.jpg" _fcksavedurl="http://www.dabaoku.com/images/logo.gif" border="0">
</a>
</div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("www_qpsh_com")
function floatwww_qpsh_com() {
var L=T=0
//by www.qpsh.com
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("floatwww_qpsh_com()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatwww_qpsh_com()", delay)}
</script>
<!--图片漂浮广告代码结束-->
<div id="www_qpsh_com" style="position:absolute">
<!--链接地址--><a href="http://www.gdipo.gov.cn/shared/list4.aspx?page=0&type=5&id=13540" target="_blank">
<!--图片地址--><img src="images/dd.jpg" _fcksavedurl="http://www.dabaoku.com/images/logo.gif" border="0">
</a>
</div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("www_qpsh_com")
function floatwww_qpsh_com() {
var L=T=0
//by www.qpsh.com
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("floatwww_qpsh_com()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatwww_qpsh_com()", delay)}
</script>
<!--图片漂浮广告代码结束-->
...全文
请发表友善的回复…
发表回复
Dingdangtan 2017-06-12
- 打赏
- 举报
太感谢了，解决！
天际的海浪 2017-06-11
- 打赏
- 举报
你这个代码太老了，不支持新的浏览器
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title> 页面名称 </title>
<style type="text/css">
html,body {
height: 100%;
}
</style>
</head>
<body>
<div id="www_qpsh_com" style="position:absolute">
<!--链接地址--><a href="http://www.gdipo.gov.cn/shared/list4.aspx?page=0&type=5&id=13540" target="_blank">
<!--图片地址--><img src="images/dd.jpg" _fcksavedurl="http://www.dabaoku.com/images/logo.gif" border="0">
</a>
</div>
<script>
var x = 50,y = 60;
var xin = true, yin = true;
var step = 1;
var delay = 10;
var obj=document.getElementById("www_qpsh_com");
function floatwww_qpsh_com() {
var L=0, T=0;
//by www.qpsh.com
var R= document.body.clientWidth-obj.offsetWidth;
var B = document.body.clientHeight-obj.offsetHeight;
obj.style.left = x + (document.body.scrollLeft||document.documentElement.scrollLeft) + "px";
obj.style.top = y + (document.body.scrollTop||document.documentElement.scrollTop) + "px";
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("floatwww_qpsh_com()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatwww_qpsh_com()", delay)}
</script>
</body>
</html>天际的海浪 2017-06-11
- 打赏
- 举报
主要是加了
<style type="text/css">
html,body {
height: 100%;
}
</style>
改了
obj.style.left = x + (document.body.scrollLeft||document.documentElement.scrollLeft) + "px";
obj.style.top = y + (document.body.scrollTop||document.documentElement.scrollTop) + "px";
