选项卡 的 切换隐藏 效果

   

1.页面js src到js/web 找到 tools.js 中的函数：function switchTag(totalNum,selectNum,listName,obj)。

  

 

    2.前面页面写上：

 

 <div class="tab_page">
    <div class="tab_page_title">
      <ul class="tab_page_items">
        <li class="tab_page_first" style="margin-left:0px;">        指总的选项卡个数

                                                                    |      /指一系列表总名称
           <a href="#" class="tab_page_selected" onclick="switchTag(2 ,1 ,'list ',this )" >角色</a>
        </li>                                                         |           \指传入自己对象
        <li class="tab_page_last">                                    指选项卡中的第几个

            <a href="#" onclick="switchTag(2,2,'list',this)" >所属组</a>

        </li>
      </ul>
      <br style="clear:both" />
    </div>
    <div class="tab_page_content" style="padding:10px">
      <table width="100%" class="table_list" id="list1 ">
        <tr class="table_list_head">

            .......
        </tr>
      </table>
  
      <table width="100%" class="table_list" id="list2 ">
        <tr class="table_list_head">

            .......
        </tr>
      </table>

 

    </div>