你的位置:首页 > Java教程

[Java教程]js原声快速实现选项卡

           var Rea = document.getElementById("rep");          var ReaAll = Rea.querySelectorAll("li");          var Fall = document.getElementById("fall");          var FallAll = Fall.querySelectorAll("ul");                    for(var i=0;i<ReaAll.length;i++){            ReaAll[i].index=i;            ReaAll[i].onclick=function(){            for(var i=0;i<ReaAll.length;i++){              ReaAll[i].className=" ";              FallAll[i].style.display="none";            }            this.className="avtion";            FallAll[this.index].style.display="block";            }          }      

                  <ul id="rep">                    <li >公告</li>                    <li>知识库</li>                  </ul>                  <div id="fall">                    <ul >                      <li>11111111111111111</li>                      <li>11111111111111111</li>                      <li>11111111111111111</li>                      <li>11111111111111111</li>                      <li>11111111111111111</li>                    </ul>                    <ul>                      <li>22222222222222222</li>                      <li>22222222222222222</li>                      <li>22222222222222222</li>                      <li>22222222222222222</li>                      <li>22222222222222222</li>                    </ul>                  </div>                </div>           

 

 

 

一看就懂。走起!