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 相关文章推荐
关于flash遮盖div浮动层的解决方法
Jul 17 Javascript
jquery struts 验证唯一标识(公用方法)
Mar 27 Javascript
浏览器兼容console对象的简要解决方案分享
Oct 24 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
Nov 25 Javascript
基于jQuery实现的QQ表情插件
Aug 25 Javascript
bootstrap监听滚动实现头部跟随滚动
Nov 08 Javascript
HTML页面定时跳转方法解析(2种任选)
Dec 22 Javascript
Angular4学习笔记之实现绑定和分包
Aug 01 Javascript
JS脚本加载后执行相应回调函数的操作方法
Feb 28 Javascript
Vue实现点击当前元素以外的地方隐藏当前元素(实现思路)
Dec 04 Javascript
js实现带箭头的进度流程
Mar 26 Javascript
JavaScript 定时器详情
Nov 11 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实现批量下载百度云盘文件例子分享
2014/04/10 PHP
php使用redis的有序集合zset实现延迟队列应用示例
2020/02/20 PHP
sina的lightbox效果。
2007/01/09 Javascript
关于JAVASCRIPT urldecode URL解码的问题
2012/01/08 Javascript
js关闭模态窗口刷新父页面或跳转页面
2012/12/13 Javascript
nodejs中exports与module.exports的区别详细介绍
2013/01/14 NodeJs
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
js实现类似jquery里animate动画效果的方法
2015/04/10 Javascript
js由下向上不断上升冒气泡效果实例
2015/05/07 Javascript
基于nodejs+express(4.x+)实现文件上传功能
2015/11/23 NodeJs
jQuery Mobile开发中日期插件Mobiscroll使用说明
2016/03/02 Javascript
老生常谈JavaScript数组的用法
2016/06/10 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
Ionic + Angular.js实现图片轮播的方法示例
2017/05/21 Javascript
详解Javascript 中的 class、构造函数、工厂函数
2017/12/20 Javascript
使用Vue写一个datepicker的示例
2018/01/27 Javascript
angularJs中跳转到指定的锚点实例($anchorScroll)
2018/08/31 Javascript
javascript设计模式之装饰者模式
2020/01/30 Javascript
Python线程中对join方法的运用的教程
2015/04/09 Python
python 整数越界问题详解
2019/06/27 Python
关于Python形参打包与解包小技巧分享
2019/08/24 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
关于Tensorflow使用CPU报错的解决方式
2020/02/05 Python
Python requests获取网页常用方法解析
2020/02/20 Python
30行Python代码实现高分辨率图像导航的方法
2020/05/22 Python
Python学习工具jupyter notebook安装及用法解析
2020/10/23 Python
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
任课老师推荐信范文
2013/11/24 职场文书
面试后的感谢信范文
2014/02/01 职场文书
我的梦想演讲稿
2014/04/30 职场文书
银行招聘自荐信
2015/03/06 职场文书
联谊活动总结范文
2015/05/09 职场文书
运动会广播稿100字
2015/08/19 职场文书
小学生法制教育心得体会
2016/01/14 职场文书
django 认证类配置实现
2021/11/11 Python
讲解MySQL增删改操作
2022/05/06 MySQL