javascript实现标签切换代码示例_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();

  });  

});

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索javascript
， 切换
tab
javascript脚本示例、javascript示例、javascript代码示例、javascript示例解析、多示例多标签学习，以便于您获取更多的相关知识。