星空网 > 软件开发 > 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>           

 

js原声快速实现选项卡

 

js原声快速实现选项卡

 

一看就懂。走起!




原标题:js原声快速实现选项卡

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

450个在任何销售场景中都可以提出的高质量销售问题(一):https://www.ikjzd.com/articles/141728
管不过来了?操盘多线业务避坑详解:https://www.ikjzd.com/articles/141729
至美通观点 | 拜登新政对中国跨境电商的影响:https://www.ikjzd.com/articles/141730
亚马逊卖家需留意的脱欧新规:https://www.ikjzd.com/articles/141732
销量利润如何实现双爆棚,揭秘跨境大卖必备运营“神器”:https://www.ikjzd.com/articles/141733
Pinterest 情人节巨献:以爱之名,选对产品!:https://www.ikjzd.com/articles/141734
大福地快捷酒店预订 大福酒店怎么走:https://www.vstour.cn/a/365187.html
三亚有哪些酒店值得入住?:https://www.vstour.cn/a/366173.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流