IE8下setTimeou和setInterval的问题

一个向上滚动和漂浮代码  
滚动用的是setTimout  漂浮用的是setInterval 别的浏览器里都正常 唯独IE8下有点不兼容
滚动代码总是停顿 受漂浮代码影响 关闭漂浮图片 清楚setInterval事件则恢复正常
哪位能指点一二  弄的头都大了
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<div style="width:1000px;height:2000px;background:#CCC">
<div style="overflow: hidden; height: 118px;width:528px;" id="mq">
<div class="ct7">
<a class="ct7img" target="_blank" href="#"><img width="158" height="118" src="http://www.yhnw.com/uploadFiles/2010-07/news_1279160406375.jpg"></a> <a target="_blank" href="#">杭州博望龙悦水庄</a>
</div>
<div class="ct7">
<a class="ct7img" target="_blank" href="#"><img width="158" height="118" src="http://www.yhnw.comhttp://www.yhnw.com/uploadFiles/2010-07/news_1279164416469.jpg"></a> <a target="_blank" href="#">杭州向山园艺农业休闲...</a>
</div>
<div class="ct7">
<a class="ct7img" target="_blank" href="#"><img width="158" height="118" src="http://www.yhnw.com/uploadFiles/2010-07/news_1279164159984.jpg"></a> <a target="_blank" href="#">杭州格林农庄有限公司...</a>
</div>
<div class="ct7">
<a class="ct7img" target="_blank" href="#"><img width="158" height="118" src="http://www.yhnw.com/uploadFiles/2010-07/news_1279176061969.jpg"></a> <a target="_blank" href="#">余杭苕源大拇指农庄</a>
</div>
<div class="ct7">
<a class="ct7img" target="_blank" href="#"><img width="158" height="118" src="http://www.yhnw.com/uploadFiles/2010-07/news_1279181057016.jpg"></a> <a target="_blank" href="#">杭州阿汤农业观光园区</a>
</div>
<div class="ct7">
<a class="ct7img" target="_blank" href="#"><img width="158" height="118" src="http://www.yhnw.com/uploadFiles/2010-07/news_1278646256078.jpg"></a> <a target="_blank" href="#">杭州同家乡村乐园</a>
</div>
</div>
<!--滚动代码 -->
<script type="text/javascript"> 
var oMarquee = document.getElementById("mq"),pause=true,iLineHeight = 118;
oMarquee.innerHTML += oMarquee.innerHTML;
oMarquee.onmouseover=function(){pause=false;}
oMarquee.onmouseout=function(){pause=true;}
function run() {
var ostop=oMarquee.scrollTop%iLineHeight==0&&!pause;
if (!ostop)oMarquee.scrollTop==parseInt(oMarquee.scrollHeight/2)?oMarquee.scrollTop=0:oMarquee.scrollTop++;
window.setTimeout(arguments.callee,oMarquee.scrollTop%iLineHeight==0?2000:10 );
}
window.setTimeout("run()", 1000 );
</script>
<!--漂浮代码 -->
<script type="text/javascript">
document.write("<div id='img0' style='position:absolute;'>");
document.write("<a href=javascript:guanbi0();><img src=http://www.yhnw.com/includes/guanbi.gif width=109 height=20 border=0></a><br><img src='http://bbs.blueidea.com/images/default/logo.gif' border='0'>");
document.write("</div>");
<!-- Begin 
var xPos0 = 20; 
var yPos0 = document.documentElement.clientHeight; 
var step0 = 1; 
var delay0 = 30;  
var height0 = 0; 
var Hoffset0 = 0; 
var Woffset0 = 0; 
var yon0 = 0; 
var xon0 = 0; 
var pause0 = true; 
var interval0; 
var img0=document.getElementById("img0");
img0.style.top = yPos0+"px"; 
function changePos0() {
width0 = document.documentElement.clientWidth;
height0 =document.documentElement.clientHeight;
Hoffset0 = img0.offsetHeight;
Woffset0 = img0.offsetWidth; 
img0.style.left = xPos0 + document.documentElement.scrollLeft+"px";
img0.style.top = yPos0 + document.documentElement.scrollTop+"px";
if (yon0) {yPos0 = yPos0 + step0;} 
else {yPos0 = yPos0 - step0;} 
if (yPos0 <100) {yon0 = 1;yPos0 = 100;} 
if (yPos0>= (height0 - Hoffset0)) {yon0 = 0;yPos0 = (height0 - Hoffset0);} 
if (xon0) {xPos0 = xPos0 + step0;} 
else {xPos0 = xPos0 - step0;} 
if (xPos0 <0) {xon0 = 1;xPos0 = 0;} 
if (xPos0>= (width0 - Woffset0)) {xon0 = 0;xPos0 = (width0 - Woffset0);}
} 
function start0() {interval0 = setInterval('changePos0()', delay0);} 
start0(); 
function guanbi0() {
clearInterval(interval0);
img0.innerHTML = "";
}
// End --> 
</script>
</body>
</html>

解决方案 »

  1.   

    我这里没有IE8，你在ie8下用document.documentElement 换成document.body看看
      

  2.   

    一样的 我就是从document.body换到document.documentElement的
      

  3.   

    应该还setTimeout/setInterval没有关系，还是兼容问题
      

  4.   

    就IE8下有这问题  挺郁闷的  不知道是不是浮动代码不兼容IE8 有影响
      

  5.   

    用document.body还是用document.documentElement跟模式有关：
    【分享】如何正确的获取 scrollTop/scrollLeft的值
      

  6.   

    lz 你的代码，我在IE8 和 Firefox里跑着怎么都一样啊，IE8没发现有什么特别啊
      

  7.   

    IE8里  滚动代码明显慢了很多  受浮动的影响   把浮动关闭以后  速度恢复正常  别在IE8兼容模式里
      

  8.   

    楼主还是baidu一下相关代码的兼容性如何解决吧
      

  9.   

    应该是你的时间间差太小的问题，30毫秒，也就是说当你滚动代码执行的这段时间里你的滚动代码
    会多次休眠去处理漂浮，当CPU好，内存大的时候是不看不出什么，但是机器不行的时候估计都明显了
      

  10.   

    IE8有太多的改动，很多东西都是动态的了，比如内存管理，部分为W3C标准的改动，这个具体原因需要找找。
    而且IE8还有自动的兼容模式，这东西烦的很，任何事件都会触发。