手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js tab 选项卡
js tab 选项卡
摘要:一般需要事先写好css样式等functiontab(sId){vartabs=document.getElementsByTagName("...

一般需要事先写好css样式等

function tab(sId) {

var tabs = document.getElementsByTagName("H2");

var boxs = document.getElementsByTagName("h3");

if ( boxs[sId].style.display=="block"){

boxs[sId].style.display="none";

tabs[sId].style.backgroundColor="#E3F4FE";

tabs[sId].style.color="#000000";

}

else{

boxs[sId].style.display="block";

tabs[sId].style.backgroundColor="#3575CC";

tabs[sId].style.color="#ffffff";

}

for (var i=0; i<tabs.length; i++) {

if ( i != sId) {

boxs[i].style.display = "none";

tabs[i].style.backgroundColor="#E3F4FE";

tabs[i].style.color="#000000";

}

}

}

<h2>中英合作自考</h2>

<h3>

<ul>

<li></li>

</ul>

</h3>

</h2>

【js tab 选项卡】相关文章:

JS基于myFocus库实现各种功能的tab选项卡切换效果

js实现类似菜单风格的TAB选项卡效果代码

一些很实用且必用的小脚本代码第1/5页

纯php打造的tab选项卡效果代码(不用js)

JS实现黑色风格的网页TAB选项卡效果代码

js选择日期

很棒的js Tab选项卡切换效果

JS实现同一个网页布局滑动门和TAB选项卡实例

js实现仿Windows风格选项卡和按钮效果

jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果

精品推荐
分类导航