本文给大家分享的事 tab 切换的两段 js,均可实现标签切换功能,大家根据自己的需求自由选择
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
两则代码都很简单,这里就不多废话了,直接上代码
代码 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();
- });
- });
来源: http://www.phperz.com/article/17/0301/265551.html