IE FF下javascript的兼容问题，请高手帮忙！

<div class="bd" id="scrollNews" style=" height:365px; *height:353px;">
                 <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=33&id=88" target="_blank">中小外贸企业如何度过金融危机?</a>【市场分析】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=22&id=84" target="_blank">如何开独立网店?</a>【开店经验】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=15&id=76" target="_blank">PAYPAL详细介绍</a>【支付指南】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=72&id=116" target="_blank">营养要黄金搭档收款要白金通道</a>【支付学院】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=3&id=114" target="_blank">独立网店的成长秘诀</a>【开店经验】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=29&id=112" target="_blank">SEO引擎优化的七大规则</a>【SEO交流】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=6&Id=51" target="_blank">如何进行关键词分析?</a>【网店推广】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=15&Id=18" target="_blank">Paypal付款功能网站集成简明教程</a>【paypal支付】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=6&Id=26" target="_blank">博客智能推广方法</a>【网店推广】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=3&Id=71" target="_blank">建外贸网站时应注意的几个问题</a>【开店经验】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=3&id=44" target="_blank">增加反向链接的35个技巧!</a>【开店经验】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=16&id=33" target="_blank">关于西联汇款(Western Union)的资料</a>【西联支付】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=22&id=69" target="_blank">网商网推出亚洲电子商务第一工具平台</a>【榜上有名】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=18&id=73" target="_blank">收汇宝是时代大势下的必然产物</a>【信用卡支付风控】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=2&id=64" target="_blank">开一家漂亮的小网店</a>【网店建设】</div>
                    <div>·<a href="http://bbs.ctoall.com/dispbbs.asp?boardid=3&id=108" target="_blank">有了C2C平台店还得拥有B2C独立网店</a>【开店经验】</div>
            </div>
上面大哥，这是scrollNews 的结构

看了一下代码，主要是o.firstChild这句话吧。在firefox中，一个whitespance也算一个节点(回车换行)所以o.firstChild这么写可能会有问题的。判断一下这个节点是不是有效节点function isWhiteSpaceNode(oNode){return !(/[^\t\n\r ]/.test(oNode.data))}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script>
var tc;
    function scrollNews(){
        var o=document.getElementById('scrollNews');hscroll(o);
window.setInterval(function(){window.clearTimeout(tc);getFirstChild(o.firstChild).style.marginLeft='0px';scrollup(o,20,0);},2000);
    }
    function scrollup(o,d,c){
        if(d==c){
            var t=getFirstChild(o.firstChild).cloneNode(true);
            o.removeChild(getFirstChild(o.firstChild));o.appendChild(t);
            t.style.marginTop=getFirstChild(o.firstChild).style.marginTop='0px';
            hscroll(o);
        }
        else{
            ch=false;var s=3,c=c+s,l=(c>=d?c-d:0);
            getFirstChild(o.firstChild).style.marginTop=-c+l+'px';
            window.setTimeout(function(){scrollup(o,d,c-l)},50);
        }
    }    function hscroll(o){
        var w1=getFirstChild(o.firstChild).offsetWidth,w2=o.offsetWidth;
        if(w1<=w2)return;
        tc=window.setTimeout(function(){hs(o,w1-w2,0,w1-w2);},3500);
    }    function hs(o,d,c,p){
        c++;var t=(c>0?-c:c);getFirstChild(o.firstChild).style.marginLeft=t+'px';
        if(c==d){if(d==0){tc=window.setTimeout(function(){hs(o,p,0,p)},2500);}else tc=window.setTimeout(function(){hs(o,0,-p,p)},3500);}
        else tc=window.setTimeout(function(){hs(o,d,c,p)},5);
    }
function getFirstChild(child){
while (child) {
if (child.nodeType == 1) {
return child;
}
child = child.nextSibling;
}
return null;
}
  </script> </HEAD> <BODY onload='scrollNews()'>
<br>
<br>
  <div id='scrollNews'>
  <div >aaaaafdsafdfadsfdsafdfsafd</div>
  </div>
</BODY>
</HTML>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script>
var tc;
    function scrollNews(){
        var o=document.getElementById('scrollNews');hscroll(o);
window.setInterval(function(){window.clearTimeout(tc);getFirstChild(o).style.marginLeft='0px';scrollup(o,20,0);},2000);
    }
    function scrollup(o,d,c){
        if(d==c){
            var t=getFirstChild(o).cloneNode(true);
            o.removeChild(getFirstChild(o));o.appendChild(t);
            t.style.marginTop=getFirstChild(o).style.marginTop='0px';
            hscroll(o);
        }
        else{
            ch=false;var s=3,c=c+s,l=(c>=d?c-d:0);
            getFirstChild(o).style.marginTop=-c+l+'px';
            window.setTimeout(function(){scrollup(o,d,c-l)},50);
        }
    }    function hscroll(o){
        var w1=getFirstChild(o).offsetWidth,w2=o.offsetWidth;
        if(w1<=w2)return;
        tc=window.setTimeout(function(){hs(o,w1-w2,0,w1-w2);},3500);
    }    function hs(o,d,c,p){
        c++;var t=(c>0?-c:c);getFirstChild(o).style.marginLeft=t+'px';
        if(c==d){if(d==0){tc=window.setTimeout(function(){hs(o,p,0,p)},2500);}else tc=window.setTimeout(function(){hs(o,0,-p,p)},3500);}
        else tc=window.setTimeout(function(){hs(o,d,c,p)},5);
    }
function getFirstChild(o){
var child = o.firstChild;
while (child) {
if (child.nodeType == 1) {
return child;
}
child = child.nextSibling;
}
return null;
}
  </script> </HEAD> <BODY onload='scrollNews()'>
<br>
<br>
  <div id='scrollNews'>
  <div >aaaaafdsafdfadsfdsafdfsafd</div>
  </div>
</BODY>
</HTML>
最好这样吧。

调试易

IE FF下javascript的兼容问题，请高手帮忙！

解决方案 »