问答详情
源自:10-1 编程挑战

选项卡的切换怎么实现不了?

    <script type="text/javascript">
    window.onload= function(){
        
        // JS实现选项卡切换
        var as= document.getElementsByTagName("a");
        var div= document.getElementsByTagName("div");
        for(var i=0;i<as.length;i++){
        as[i].onmouseover= function(i){div[i].className="hide";}
        }
    }   
    </script>
 

提问者:慕粉4408527 2016-12-10 19:38

个回答

  • 慕斯卡7014777
    2016-12-11 16:08:39

    window.onload=function(){

        var oUl1=document.getElementById("ul1");

        var aLi=oUl1.getElementsByTagName("li");

        var oDiv=document.getElementById("tab-list");

        var aDiv=oDiv.getElementsByTagName("div");

        for(var i=0;i<aLi.length;i++)

        {

             aLi[i].index=i;

            aLi[i].onmouseover=function(){

            for(var i=0;i<aLi.length;i++)

            {

             aLi[i].className="";

            }

            this.className="active";

             for(var j=0;j<aDiv.length;j++)

             {

            aDiv[j].className="hide";

            }

             aDiv[this.index].className="show";

            }

          }

       }