微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript实现标签切换代码示例

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

代码1,

rush:js;"> 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 display = "block"; } else{ tabList[i].className = "normal"; document.getElementById(tabObj+"_cont"+i).style.display = "none"; } } }

代码2,

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

});

});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐