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 相关文章推荐
jquery向.ashx文件post中文乱码问题的解决方法
Mar 28 Javascript
javascript等号运算符使用详解
Apr 16 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
Javascript实现图片加载从模糊到清晰显示的方法
Jun 21 Javascript
浅谈$('div a') 与$('div&gt;a')的区别
Jul 18 Javascript
javascript中数组和字符串的方法对比
Jul 20 Javascript
jquery实现自适应banner焦点图
Feb 16 Javascript
360doc网站不登录就无法复制内容的解决方法
Jan 27 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
微信小程序实现上传照片代码实例解析
Aug 04 Javascript
Ajax获取node服务器数据的完整步骤
Sep 20 Javascript
Vue基本指令实例图文讲解
Feb 25 Vue.js
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
PHP5常用函数列表(分享)
2013/06/07 PHP
php检查页面是否被百度收录
2015/10/28 PHP
微信红包随机生成算法php版
2016/07/21 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
PHP addcslashes()函数讲解
2019/02/03 PHP
优化JavaScript脚本的性能的几个注意事项
2006/12/22 Javascript
基于jquery的模态div层弹出效果
2010/08/21 Javascript
JS判断当前日期是否大于某个日期的实现代码
2012/09/02 Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
2012/12/17 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
jQuery验证表单格式的使用方法
2017/01/10 Javascript
基于Vue的移动端图片裁剪组件功能
2017/11/28 Javascript
electron demo项目npm install安装失败的解决方法
2018/02/06 Javascript
vue使用rem实现 移动端屏幕适配
2018/09/26 Javascript
微信小程序 简易计算器实现代码实例
2019/09/02 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
python类定义的讲解
2013/11/01 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
Python递归实现汉诺塔算法示例
2018/03/19 Python
Sanic框架路由用法实例分析
2018/07/16 Python
django之对FileField字段的upload_to的设定方法
2019/07/28 Python
Django-migrate报错问题解决方案
2020/04/21 Python
Java爬虫技术框架之Heritrix框架详解
2020/07/22 Python
使用Html5多媒体实现微信语音功能
2019/07/26 HTML / CSS
俄罗斯游戏商店:Buka
2020/03/01 全球购物
出生证明公证书
2014/04/09 职场文书
供电工程专业求职信
2014/08/09 职场文书
美国旅游签证工作证明
2014/10/14 职场文书
专职安全员岗位职责
2015/04/11 职场文书
房地产项目合作意向书
2015/05/08 职场文书
活动总结模板大全
2015/05/11 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书
婚礼必备主持词范本!
2019/07/23 职场文书
为什么MySQL8新特性会修改自增主键属性
2022/04/18 MySQL
js前端图片加载异常兜底方案
2022/06/21 Javascript