/**
*
* @param _this 所点击的tab标签
* @param content_prefix tab标签所对应div的id前缀。注：这里要求所有的前缀必须一样。
* @param active 所要激活div的id最后的数字。注：这里要求数字必须从零开始，依次增1.
*/
function tabSwitch2(_this,content_prefix,active) {
var tabs = document.getElementsByName(_this.name);
var number = tabs.length;
for (var i=0; i < number; i++) {
var tab = tabs[i];
tab.className = "";
document.getElementById(content_prefix+i).style.display = 'none';
}
_this.className = "easytab_active";
document.getElementById(content_prefix+active).style.display = 'block';
}
就是以上这些了。最后总结一下：
一、样式还可以优化，比如加一些背景图片。
二、这里的tab标签是一次加载所有tab页，然后，点击哪个tab页就显示哪个，其它的隐藏。其实可以把tab页的内容都设置为iframe，然后动态给其设置src的值，就可以达到点哪个就刷新哪个内容了。
您可能感兴趣的文章: