zoukankan      html  css  js  c++  java
  • 多个选项卡切换

    <div class="wrap2top">
                        <div class="nTab">
                            <div class="TabTitle">
                                <ul id="myTab1">
                                    <li class="current" onclick="nTabs(this,0);">供应信息分类</li>
                                    <li class="wtittxt" onclick="nTabs(this,1);">需求信息分类</li>
                                </ul>
                            </div>
                            <div class="TabContent">
                                <div id="myTab1_Content0">
                                    aaaaa
                                </div>
                                <div id="myTab1_Content1" class="none">
                                    ssssss
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wrap2down">
                        <div class="nTab">
                            <div class="TabTitle">
                                <ul id="myTab2">
                                    <li class="current" onclick="nTabs(this,0);">供应信息</li>
                                    <li class="wtittxt" onclick="nTabs(this,1);">需求信息</li>
                                </ul>
                            </div>
                            <div class="TabContent">
                                <div id="myTab2_Content0">
                                   111111111111
                                </div>
                                <div id="myTab2_Content1" class="none">
                                  222222222222222
                                </div>
                            </div>
                        </div>
                    </div>
     <script type="text/javascript">
        function nTabs(thisObj,Num){
    if(thisObj.className == "current")return;
    var tabObj = thisObj.parentNode.id;
    var tabList = document.getElementById(tabObj).getElementsByTagName("li");
    for(i=0; i <tabList.length; i++)
    {
    if (i == Num)
    {
       thisObj.className = "current"; 
          document.getElementById(tabObj+"_Content"+i).style.display = "block";
    }else{
       tabList[i].className = "wtittxt"; 
       document.getElementById(tabObj+"_Content"+i).style.display = "none";
    }
    } 
    }</script>
  • 相关阅读:
    django 中 slice 和 truncatewords 不同用法???
    js如何获取到select的option值???
    MySQL的btree索引和hash索引的区别
    Python3之Django Web框架中间件???
    2019.07.25考试报告
    2019.07.19考试报告
    2019.07.18考试报告
    2019.07.16考试报告
    2019.07.12考试报告
    ELK+Kafka
  • 原文地址:https://www.cnblogs.com/cnsg/p/2730765.html
Copyright © 2011-2022 走看看