js tab 选项卡


Posted in Javascript onApril 26, 2009

一般需要事先写好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>

Javascript 相关文章推荐
关于使用runtimeStyle属性问题讨论文章
Mar 08 Javascript
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
Nov 30 Javascript
Query中click(),bind(),live(),delegate()的区别
Nov 19 Javascript
jQuery中click事件用法实例
Dec 26 Javascript
jQuery实现图片轮播特效代码分享
Sep 15 Javascript
Bootstrap每天必学之js插件
Nov 30 Javascript
js实现将选中内容分享到新浪或腾讯微博
Dec 16 Javascript
RequireJS简易绘图程序开发
Oct 28 Javascript
微信小程序实时聊天WebSocket
Jul 05 Javascript
seajs和requirejs模块化简单案例分析
Aug 26 Javascript
基于react项目打包css引用路径错误解决方案
Oct 28 Javascript
关于Javascript闭包与应用的详解
Apr 22 Javascript
JavaScript 使用技巧精萃(.net html
Apr 25 #Javascript
RGB颜色值转HTML十六进制(HEX)代码的JS函数
Apr 25 #Javascript
JQuery 初体验(建议学习jquery)
Apr 25 #Javascript
jQuery 注意事项 与原因分析
Apr 24 #Javascript
javascript Excel操作知识点
Apr 24 #Javascript
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
Apr 24 #Javascript
在线编辑器中换行与内容自动提取
Apr 24 #Javascript
You might like
如何使用PHP往windows中添加用户
2006/12/06 PHP
php实现TCP端口检测的方法
2015/04/01 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
php利用ZipArchive类操作文件的实例
2020/01/21 PHP
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
2010/09/19 Javascript
js自动闭合html标签(自动补全html标记)
2012/10/04 Javascript
juery框架写的弹窗效果适合新手
2013/11/27 Javascript
动态加载iframe时get请求传递中文参数乱码解决方法
2014/05/07 Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
2014/10/21 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
2015/09/01 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
2016/01/28 Javascript
详解Weex基于Vue2.0开发模板搭建
2017/03/20 Javascript
Node.js设置CORS跨域请求中多域名白名单的方法
2017/03/28 Javascript
微信小程序 选项卡的简单实例
2017/05/24 Javascript
详谈DOM简介及节点、属性、查找节点的方法
2017/11/16 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
2017/12/20 Javascript
Node.js Buffer用法解读
2018/05/18 Javascript
全面分析JavaScript 继承
2019/05/30 Javascript
Python标准库之随机数 (math包、random包)介绍
2014/11/25 Python
Python Web框架Flask下网站开发入门实例
2015/02/08 Python
如何利用Fabric自动化你的任务
2016/10/20 Python
Python rstrip()方法实例详解
2018/11/11 Python
Python增强赋值和共享引用注意事项小结
2019/05/28 Python
tensorflow指定GPU与动态分配GPU memory设置
2020/02/03 Python
python简单的三元一次方程求解实例
2020/04/02 Python
html5+css3之制作header实例与更新
2020/12/21 HTML / CSS
千禧酒店及度假村官方网站:Millennium Hotels and Resorts
2019/05/10 全球购物
Ado与Ado.net的相同与不同
2014/12/08 面试题
Windows和Linux动态库应用异同
2016/04/17 面试题
Python里面如何拷贝一个对象
2014/02/17 面试题
请问软件开发中的设计模式你会使用哪些
2015/05/13 面试题
预备党员的自我评价
2014/03/12 职场文书
委托书的写法
2014/08/30 职场文书
2014年后勤工作总结
2014/11/18 职场文书
2014年乡镇个人工作总结
2014/12/03 职场文书
Pytorch可视化的几种实现方法
2021/06/10 Python