导航菜单切换

<div class="wrap" id="lctophomerr">    
    <div class="nav">
        <ul>  
            <li class="tnx">aaa</li>           
            <li>bbb</li>    
            <li>ccc</li>
        </ul>
    </div>
    <s cript>
        (function(){
               var lctophomerr=document.getElementById("lctophomerr").getElementsByTagName("li");
               var obj = null;
               var int = null;
               for (var i=0;i<lctophomerr.length;i++){
                       (function(i){
                              if(i == 3){return}
                              lctophomerr[i].onmouseover = function(){
                                      if(obj){obj.className = ""}
                                      this.className = "tnx";
                                      obj = this;
                                      if(document.getElementById("lctophomerrq"+int)){document.getElementById("lctophomerrq"+int).style.display = 'none';}
                                      if(document.getElementById("lctophomerrq"+i)){document.getElementById("lctophomerrq"+i).style.display = '';}
                                      int = i;
                                  }
                              if(i==0){lctophomerr[0].onmouseover();}
                           })(i)
                   }
            })()
    </s cript>    
    <div class="conter">
        <div class="ccer" id="lctophomerrq0">0000</div>             
        <div class="ccer" id="lctophomerrq1" style="display:none;">111</div>  
        <div class="ccer" id="lctophomerrq2" style="display:none;">222</div>    
    </div>
</div>    
<style>
*{ font-size:12px; margin:0; padding:0;}
ul, li {list-style: none outside none;}
.wrap{width:200px; height:auto;border:1px solid #ccc; margin:50px;float:left; overflow:hidden;}
.wrap .nav{width:100%; height:auto;background:#eee;/*这里可以放图片，下线就在这里实现*/float:left; display:inline-block; overflow:hidden;}
.wrap .nav ul{width:100%; height:26px; padding-top:2px;padding-left: 10px;}
.wrap .nav ul li{color:#333;  font-size:13px; padding:0 10px;line-height:26px; float:left}
.wrap .nav .tnx{color:#c21c06;font-weight:bold; background:#FFF; border-left:1px #ccc solid;border-top:1px #ccc solid;border-right:1px #ccc solid; }
.wrap .conter{width:100%; height:auto;float:left; display:inline; overflow:hidden;}
.wrap .conter .ccer{float:left;}
</style>