javascript实现标签切换代码示例

前端技术 2023/09/07 JavaScript

两则代码都很简单，这里就不多废话了，直接上代码

代码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();

  });  

});

本文地址：https://www.stayed.cn/item/19975

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案