js tab 选项卡
更新时间：2009年04月26日 14:16:40 作者：
选项卡的实现方法比较多，但原理基本上都差不多，隐藏与显示轮换
一般需要事先写好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 onclick="tab();">中英合作自考</h2>
<h3>
<ul>
<li></li>
</ul>
</h3>
</h2>
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 onclick="tab();">中英合作自考</h2>
<h3>
<ul>
<li></li>
</ul>
</h3>
</h2>
相关文章
这篇文章主要介绍了使用js控制href内容的连接内容的变化,需要的朋友可以参考下2014-04-04
JavaScript中判断原生函数检查function是否是原生代码
检查某个function是否是原生代码，要检测这一点,最简单的办法当然是判断函数的 toString 方法返回的值2014-09-09
这篇文章主要为大家详细介绍了JavaScript运动框架的第五部分，链式运动到完美运动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了javascript input输入框模糊提示功能的实现的相关资料,希望通过本能帮助到大家，需要的朋友可以参考下2017-09-09
这篇文章主要介绍了2013-12-12
下面小编就为大家带来一篇js中数组插入、删除元素操作的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
语音排队叫号系统广泛用于银行，餐饮，医院等场景。本文主要介绍了通过JavaScript实现的语音排队叫号系统，有扫码排队，语音叫号等功能。需要的可以参考一下2021-12-12
今天小编就为大家分享一篇使用layer模态框给新页面传值的方法,具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
本文以kitjs对话框组件为例，给我们详细介绍了kitjs的组件目录、默认代码模板、构造器及初始方法、以及Kitjs继承。讲解的非常细致，对我们熟练掌握kitjs组件很有帮助。2014-11-11
本篇文章小编为大家介绍，用js实现小球的自由移动代码。需要的朋友参考下2013-04-04
最新评论