为了账号安全,请及时绑定邮箱和手机立即绑定

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

    <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>
 

正在回答

1 回答

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";

        }

      }

   }


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468189    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信