js原声快速实现选项卡

本文隶属于分类

Web开发

广告推荐

技术交流学习或者有任何问题欢迎加群 : 154514123 爱上编程

标签:class   style   log   com   http   la   sp   src   c   

                 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 class="row rep_ad" id="rep">
                                        <li class="avtion">公告</li>
                                        <li>知识库</li>
                                    </ul>
                                    <div id="fall">
                                        <ul style="display:block;">
                                            <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>                     

 

技术分享

 

技术分享

 

一看就懂。走起!

js原声快速实现选项卡

标签:class   style   log   com   http   la   sp   src   c   

原文:http://www.cnblogs.com/zhengjialux/p/5953290.html

技术交流学习或者有任何问题欢迎加群 : 154514123 爱上编程

广告推荐

讨论区