求高手帮看看，IE下正常，求兼容FF。。。在线等~~十分感谢。


<!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=utf-8" />
<title>无标题文档</title>
<SCRIPT>
var SwapID=0;
var PauseTime=15*1000;
var Timer1;
function swap(Obj)
{var st = document.getElementsByName('lt2');
var j;
if(st.length>0)
{for(j=0; j<st.length; j++)
{if(st[j]==Obj)
   {lt2[j].style.display='';
    //mt[j].style.background='url(images/lb1.gif)';#C8D5DD;
    //mt[j].style.background='#F2F7FD';
    mt[j].style.background='#ADC1DA'
    mt[j].style.color='#FFFFFF'} 
   else 
   {lt2[j].style.display='none';
    mt[j].style.background='#FFFFFF';
    mt[j].style.color='#333333'}}}}
function AutoSwap() 
{//StopSwap();Swap(lt[SwapID])
for (i=0;i<2;i++)
Swap(lt[i]);
//SwapID+=1;
//if (SwapID==3) { SwapID=1; }
Timer1=setTimeout("AutoSwap()",PauseTime);}
function StopSwap() 
{clearTimeout(Timer1);}
</SCRIPT>
</head>
<BODY>
<DIV id=all>
<DIV id=ppyule></DIV>
<!--子菜单-->
<!--正文开始,相关内容-->
<DIV id=ppyule>
<DIV id=left_top>
<DIV id=caidans>
<DIV style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px">
<SPAN id=mt onmouseover=swap(lt2[0]); style="BACKGROUND: #adc1da; COLOR: #ffffff">2完成计划</SPAN>
<SPAN id=mt onmouseover=swap(lt2[1]);>待完成计划</SPAN>
<DIV id=lt2><ul><li>已完成计划</li><li>已完成计划</li><li>已完成计划</li></ul></DIV>
<DIV id=lt2 style="DISPLAY: none"><ul><li>待完成计划</li><li>待完成计划</li><li>待完成计划</li></ul></DIV>
</DIV>
</DIV>
</DIV>
</DIV>
</DIV>
</BODY></HTML>

解决方案 »

  1.   

    太多问题了，楼主
    页面标签小写、标签属性用引号括起来、页面代码可读性差
    还有看看 这个在ie 和 ff 下的区别<!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <style>
    </style>
    </head>
    <body>
    <div name="test">123</div>
    <input name="test" />
    <script>
    alert( document.getElementsByName('test').length )
    </script>
    </body>
    </html>楼主先自己改改吧
      

  2.   

    谢谢返回值不一样。。我不懂JS知道肯定是不同浏览器对于JS中某些关键字的解析理解不一样这个现在急用还请有空帮忙看一下这段代码是从网上抄的不是自己写的。所以有不规范的地方。见谅。帮忙看看吧。重写一个只要能实现这个简单的切换功能就行
      

  3.   


    我那段代码在FF里就不动啊。。在IE中是正常的两个栏目切换。在FF里是死翘翘的。。
      

  4.   

    var st = document.getElementsByName('lt2');
    突然发现你页面上根本就没有name为lt2的标签啊。。全是以id命名的
      

  5.   

    <body>里的先是层<div id=lt2>。。这个调用不对么？我不太懂。
      

  6.   

    <!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=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    #menu li { display:inline; }
    #content ul { display:none; }
    </style>
    <script type="text/javascript">
    var objLI, objUL;
    function show(id) {
    for (var i = 0; i < objLI.length; i ++) {
    if (i == id) {
    objLI[i].style.color = '#FFF';
    objLI[i].style.backgroundColor = '#ADC1DA';
    objUL[i].style.display = 'block';
    }
    else {
    objLI[i].style.color = '#333';
    objLI[i].style.backgroundColor = '#FFF';
    objUL[i].style.display = 'none';
    }
    }
    }window.onload = function () {
    objLI = document.getElementById('menu').getElementsByTagName('li');
    objUL = document.getElementById('content').getElementsByTagName('ul');
    show(0);
    for (var i = 0; i < objLI.length; i ++) {
    objLI[i].idx = i;
    objLI[i].onmouseover = function() {
    show(this.idx);
    }
    }
    }
    </script>
    </head><body>
    <ul id="menu">
      <li>已完成计划</li>
      <li>待完成计划</li>
    </ul><div id="content">
      <ul>
        <li>已完成计划1</li>
        <li>已完成计划2</li>
        <li>已完成计划3</li>
      </ul>
      <ul>
        <li>待完成计划1</li>
        <li>待完成计划2</li>
        <li>待完成计划3</li>
      </ul>
    </div>
    </body>
    </html>
      

  7.   

    做选项卡？http://blog.csdn.net/hch126163/article/details/6050485
      

  8.   

    ie 下认为 name和 id 属性都可以使用getelementByName获取，火狐下name是name ，id 是id
    建议每个组件添加id和那么两个属性，或者都使用getelementById