javascript實(shí)現(xiàn)標(biāo)簽切換代碼示例

    本文給大家分享的事tab切換的兩段js，均可實(shí)現(xiàn)標(biāo)簽切換功能，大家根據(jù)自己的需求自由選擇
    兩則代碼都很簡(jiǎn)單，這里就不多廢話了，直接上代碼
    代碼1
    代碼如下:
    function ntabs(thisObj,Num)
          {if(thisObj.className == "active")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 = "active";  
              document.getElementById(tabObj+"_cont"+i).style.display = "block";  
              }
              else{  
                tabList[i].className = "normal";  
                document.getElementById(tabObj+"_cont"+i).style.display = "none";  
            }  
          }  
        }  
    代碼2
    代碼如下:
    $(document).ready(function(){
      var $tab_li = $('.tab ul li');
      $tab_li.hover(function(){
        $(this).addClass('selected').siblings().removeClass('selected');
        var index = $tab_li.index(this);
        $('div.tab_box > div').eq(index).show().siblings().hide();
      });  
    });