简单的jQueryTab 自写的小代码

 

许涛(许涛) 15:26:07
   function tabchange(current,index)
   {
      $(".tabselect").removeClass("tabselect").addClass("tab");
     current.className = "tabselect";
      for( var i = 1 ; i < 6 ; i++ )
      {
         if( i == index )
         {
            $("#item"+i).show();
         }
         else
         {
            $("#item"+i).hide();
         }  
      }
   }
   $(document).ready(function(){
      for( var i = 2 ; i < 6 ; i++ )
      {
          $("#item"+i).hide();
      }
 
   });
许涛(许涛) 15:26:26
        <td width="105" ><div align="center" onclick="tabchange(this,1)" class="tabselect">澶ц妯￠泦鎴愮數璺?/div></td>
        <td width="103" ><div align="center" onclick="tabchange(this,2)" class="tab">鍒嗙珛寮忓崐瀵间綋</div></td>
        <td width="103" ><div align="center" onclick="tabchange(this,3)" class="tab">鍏夊鍣ㄤ欢</div></td>
        <td width="103" ><div align="center" onclick="tabchange(this,4)" class="tab">鏃犳簮鍏冧欢</div></td>
        <td width="103" ><div align="center" onclick="tabchange(this,5)" class="tab">妯″潡</div></td>
许涛(许涛) 15:26:45
      <div id="item1">
       <uc1:productclass1 id="productclass11" classid="8" specialid="1" runat="server"></uc1:productclass1>
      </div>
      <div id="item2">
       <uc1:productclass1 id="productclass12" classid="9" specialid="1" runat="server"></uc1:productclass1>
      </div>
      <div id="item3">
       <uc1:productclass1 id="productclass13" classid="10" specialid="1" runat="server"></uc1:productclass1>
      </div>
      <div id="item4">
       <uc1:productclass1 id="productclass14" classid="11" specialid="1" runat="server"></uc1:productclass1>
      </div>
      <div id="item5">
       <uc1:productclass1 id="productclass15" classid="12" specialid="1" runat="server"></uc1:productclass1>
      </div>