谁帮我看看这个选项卡代码在IE中为什么会出错呢

只有在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 type="text/javascript">
function TabClass(obj , oldState ,  newState)
{
this.title = obj.children[0];  //上半身
this.content = obj.children[1]; //下半身
this.oldState = oldState;   //原状态
this.newState = newState;   // 新状态

//初始化   生只小怪物
this._ini = function(  )
{
if( !this.is_def() )
{
return false;   //哎.  畸形怪物太强大了.  拒绝出生
}
this._limb();  //怪物的生体结构
}
//怪物你有多少肢节
this._limb = function()
{
//几头怪
for(var i = 0;  i < this.title.children.length; i++)
{
var title = this.title.children[ i ];
title.bt = i;
//怪物设置陷阱
if (title.addEventListener)
{
title.addEventListener("mousemove", function(){this._tab(this)}, false);
}
else if (title.attachEvent)
{
title.attachEvent("on" + "mousemove", function(){this._tab(this)} );
}

}
//多脚虫
for(var i = 0;  i < this.content.children.length; i++)
{
var content =  this.content.children[ i ];
content.ct = i;
}
}
//是畸形怪物吗 ?
this.is_def = function()
{
if( this.title.children.length == this.content.children.length )
{
return true;  //不错. 正常
}
return false;   //晕死.  拒绝畸形怪物出生
}

//切换怪物
this._tab = function( tabObj )
{
//我一个人来怪物们别动
for(var i = 0; i < this.content.children.length; i++)
{
if( this.content.children[ i ].className == newState )
{
this.content.children[ i ].className = oldState;
}
}
tabObj.className = newState;
}
}
</script>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
ul , li{
list-style-type:none;
}
#paihangbang{
margin:50px;
width:200px;
    text-align: left;
border:#999 solid 1px;
background-color:#FDFDFD;
}
#paihangming{
height:28px;
}
#paihangtushu{
padding-left:4px;
padding-right:4px;
}
.PHMT1 , .PHMT2{
font-size:14px;
    float: left;
    width: 75px;
}
.PHMT1{
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
    padding: 6px 5px 0 19px;
}
.PHMT2{
    background-color: #636563;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    padding: 6px 6px 0 20px;
}
.PHL2{
display:none;
}
.PHL1{
}
.PHL1 li , .PHL2 li{
border-bottom:1px solid #E4E4E4;
padding-top:6px;
margin-left:4px;
margin-right:4px;
}
.gengduo{
padding-top:6px;
margin-left:4px;
margin-right:4px;
text-align:right;
}
.clear{
clear:both;
}
</style>
</head><body>
<div id="paihangbang">
      <div id="paihangming">
          <h3 class="PHMT1">总点击</h3>
          <h3 class="PHMT2">月点击</h3>
      </div>
      <div id="paihangtushu">
          <ul class="PHL1">
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
          </ul>
          <ul class="PHL2">
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
          </ul>
      </div>
      <div class="gengduo">
  <a href="#">更多</a>
  </div>
</div>
<script type="text/javascript">
var tab = new TabClass(document.getElementById('paihangbang') ,'PHMT2','PHMT2');
tab._ini();
</script>
</body>
</html>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

不好意思上段代码发错了.  下面这段才是的
<!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 type="text/javascript">
function TabClass(obj , oldState ,  newState)
{
this.title = obj.children[0];  //上半身
this.content = obj.children[1]; //下半身
this.oldState = oldState;   //原状态
this.newState = newState;   // 新状态

//初始化   生只小怪物
this._ini = function(  )
{
if( !this.is_def() )
{
return false;   //哎.  畸形怪物太强大了.  拒绝出生
}
this._limb();  //怪物的生体结构
}
//怪物你有多少肢节
this._limb = function()
{
//几头怪
for(var i = 0;  i < this.title.children.length; i++)
{
var title = this.title.children[ i ];
title.bt = i;
//怪物设置陷阱
if (title.addEventListener)
{
title.addEventListener("mousemove", this._tab, false);
}
else if (title.attachEvent)
{
title.attachEvent("on" + "mousemove",this._tab );
}

}
//多脚虫
for(var i = 0;  i < this.content.children.length; i++)
{
var content =  this.content.children[ i ];
content.ct = i;
}
}
//是畸形怪物吗 ?
this.is_def = function()
{
if( this.title.children.length == this.content.children.length )
{
return true;  //不错. 正常
}
return false;   //晕死.  拒绝畸形怪物出生
}

//切换怪物
this._tab = function( )
{
this._title = obj.children[0];  //上半身
this._content = obj.children[1]; //下半身
//我一个人来怪物们别动
for(var i = 0; i < this._title.children.length; i++)
{
if( this.bt != this._title.children[ i ].bt)
{
this._title.children[ i ].className = oldState[0];
this._content.children[ i ].className = oldState[1];
/*             没被选啊                   被选中
new Array('PHMT2','PHL2'), new Array('PHMT1','PHL1')

.PHL2{ display:none; } 隐藏啊
.PHL1{ }  显示
*/
}
}
this.className = newState[0];
this._content.children[ this.bt ].className = newState[1];
}
}
</script>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
ul , li{
list-style-type:none;
}
#paihangbang{
margin:50px;
width:200px;
    text-align: left;
border:#999 solid 1px;
background-color:#FDFDFD;
}
#paihangming{
height:28px;
}
#paihangtushu{
padding-left:4px;
padding-right:4px;
}
.PHMT1 , .PHMT2{
font-size:14px;
    float: left;
    width: 75px;
}
.PHMT1{
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
    padding: 6px 5px 0 19px;
}
.PHMT2{
    background-color: #636563;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    padding: 6px 6px 0 20px;
}
.PHL2{
display:none;
}
.PHL1{
}
.PHL1 li , .PHL2 li{
border-bottom:1px solid #E4E4E4;
padding-top:6px;
margin-left:4px;
margin-right:4px;
}
.gengduo{
padding-top:6px;
margin-left:4px;
margin-right:4px;
text-align:right;
}
.clear{
clear:both;
}
</style>
</head><body>
<div id="paihangbang">
      <div id="paihangming">
          <h3 class="PHMT1">总点击</h3>
          <h3 class="PHMT2">月点击</h3>
      </div>
      <div id="paihangtushu">
          <ul class="PHL1">
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
          </ul>
          <ul class="PHL2">
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
          </ul>
      </div>
      <div class="gengduo">
  <a href="#">更多</a>
  </div>
</div>
<script type="text/javascript">
var tab = new TabClass(document.getElementById('paihangbang') ,new Array('PHMT2','PHL2'), new Array('PHMT1','PHL1'));
tab._ini();
</script>
</body>
</html>
<!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 type="text/javascript">
function TabClass(obj , oldState ,  newState)
{
    this.title = obj.children[0];  //上半身
    this.content = obj.children[1]; //下半身
    this.oldState = oldState;   //原状态
    this.newState = newState;   // 新状态
    //初始化   生只小怪物
    this._ini = function(  )
    {
        if( !this.is_def() )
        {
            return false;   //哎.  畸形怪物太强大了.  拒绝出生
        }
        this._limb();  //怪物的生体结构
    }
    //怪物你有多少肢节
    this._limb = function()
    {
        //几头怪
        for(var i = 0;  i < this.title.children.length; i++)
        {
            var title = this.title.children[ i ];
            title.bt = i;
            //怪物设置陷阱
            if (title.addEventListener)
            {
                title.addEventListener("mousemove", this._tab, false);
            }
            else if (title.attachEvent)
            {
                title.attachEvent("on" + "mousemove",this._tab );
            }

        }
        //多脚虫
        for(var i = 0;  i < this.content.children.length; i++)
        {
            var content =  this.content.children[ i ];
            content.ct = i;
        }
    }
    //是畸形怪物吗 ?
    this.is_def = function()
    {
        if( this.title.children.length == this.content.children.length )
        {
            return true;  //不错. 正常
        }
        return false;   //晕死.  拒绝畸形怪物出生
    }

    //切换怪物
    this._tab = function(e)
    {
        this._title = obj.children[0];  //上半身
        this._content = obj.children[1]; //下半身
//我一个人来怪物们别动
e = e || window.event;//---add
var t = e.target || e.srcElement;//---add
        for(var i = 0; i < this._title.children.length; i++)
        {

            if( t.bt != this._title.children[ i ].bt)//---update
            {
                this._title.children[ i ].className = oldState[0];
                this._content.children[ i ].className = oldState[1];
                /*             没被选啊                   被选中
                    new Array('PHMT2','PHL2'), new Array('PHMT1','PHL1')

                    .PHL2{    display:none;    } 隐藏啊
                    .PHL1{        }  显示
                */
            }
        }
        t.className = newState[0];//---update
        this._content.children[ t.bt ].className = newState[1]; //---update
    }
}
</script>
<style type="text/css">
*{
    margin:0px;
    padding:0px;
}
ul , li{
    list-style-type:none;
}
#paihangbang{
    margin:50px;
    width:200px;
    text-align: left;
    border:#999 solid 1px;
    background-color:#FDFDFD;
}
#paihangming{
    height:28px;
}
#paihangtushu{
    padding-left:4px;
    padding-right:4px;
}
.PHMT1 , .PHMT2{
    font-size:14px;
    float: left;
    width: 75px;
}
.PHMT1{
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    overflow: hidden;
    padding: 6px 5px 0 19px;
}
.PHMT2{
    background-color: #636563;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    padding: 6px 6px 0 20px;
}
.PHL2{
    display:none;
}
.PHL1{
}
.PHL1 li , .PHL2 li{
    border-bottom:1px solid #E4E4E4;
    padding-top:6px;
    margin-left:4px;
    margin-right:4px;
}
.gengduo{
    padding-top:6px;
    margin-left:4px;
    margin-right:4px;
    text-align:right;
}
.clear{
    clear:both;
}
</style>
</head><body>
<div id="paihangbang">
      <div id="paihangming">
          <h3 class="PHMT1">总点击</h3>
          <h3 class="PHMT2">月点击</h3>
      </div>
      <div id="paihangtushu">
          <ul class="PHL1">
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
              <li><a href="#">21</a></li>
          </ul>
          <ul class="PHL2">
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
              <li><a href="#">111</a></li>
          </ul>
      </div>
      <div class="gengduo">
          <a href="#">更多</a>
      </div>
</div>
<script type="text/javascript">
var tab = new TabClass(document.getElementById('paihangbang') ,new Array('PHMT2','PHL2'), new Array('PHMT1','PHL1'));
tab._ini();
</script>
</body>
</html>

谁帮我看看 这个选项卡代码 在IE中为什么会出错呢

解决方案 »

谁帮我看看这个选项卡代码在IE中为什么会出错呢