首页 > 编程 > JavaScript > 正文

javascript实现标签切换代码示例

2019-11-20 09:57:36
字体:
来源:转载
供稿:网友

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表