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 相关文章推荐
sencha touch 模仿tabpanel导航栏TabBar的实例代码
Oct 24 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
JS识别浏览器类型(电脑浏览器和手机浏览器)
Nov 18 Javascript
jQuery实现一个简单的轮播图
Feb 19 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
Oct 09 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
Nov 08 Javascript
node使用Mongoose类库实现简单的增删改查
Nov 08 Javascript
webpack中如何加载静态文件的方法步骤
May 18 Javascript
微信头像地址失效踩坑记附带解决方案
Sep 23 Javascript
如何实现iframe父子传参通信
Feb 05 Javascript
Vue清除定时器setInterval优化方案分享
Jul 21 Javascript
Openlayers实现测量功能
Sep 25 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 中的输出缓冲
2006/12/21 PHP
浏览器关闭后,能继续执行的php函数(ignore_user_abort)
2012/08/01 PHP
thinkphp关于简单的权限判定方法
2017/04/03 PHP
PHP7变量处理机制修改
2021/03/09 PHP
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
2013/05/07 Javascript
js替换字符串的所有示例代码
2013/07/23 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
js 自定义个性下拉选择框示例
2013/08/20 Javascript
jQuery trigger()方法用法介绍
2015/01/13 Javascript
javascript事件委托的方式绑定详解
2015/06/10 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
2017/02/18 Javascript
Vue-Router2.X多种路由实现方式总结
2018/02/09 Javascript
原生js实现省市区三级联动代码分享
2018/02/12 Javascript
vue axios基于常见业务场景的二次封装的实现
2018/09/21 Javascript
读懂CommonJS的模块加载
2019/04/19 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
Vue 中获取当前时间并实时刷新的实现代码
2020/05/12 Javascript
Jquery cookie插件实现原理代码解析
2020/08/04 jQuery
python操作MySQL数据库具体方法
2013/10/28 Python
python基础教程之python消息摘要算法使用示例
2014/02/10 Python
Linux 发邮件磁盘空间监控(python)
2016/04/23 Python
浅谈Python 字符串格式化输出(format/printf)
2016/07/21 Python
python导入时小括号大作用
2017/01/10 Python
Python SqlAlchemy动态添加数据表字段实例解析
2018/02/07 Python
python中redis查看剩余过期时间及用正则通配符批量删除key的方法
2018/07/30 Python
python flask框架实现传数据到js的方法分析
2019/06/11 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
python爬虫模拟浏览器的两种方法实例分析
2019/12/09 Python
python如何将图片转换素描画
2020/09/08 Python
德国知名健康零食网上商店:Seeberger
2017/07/27 全球购物
英国时尚优质的女装:Hope Fashion
2018/08/14 全球购物
考试作弊检讨书1000字(5篇)
2014/10/19 职场文书
党小组推荐意见
2015/06/02 职场文书
劳动保障事务所个人工作总结
2015/08/12 职场文书
HTML基本元素标签介绍
2022/02/28 HTML / CSS
win11高清晰音频管理器在哪里?win11找不到高清晰音频管理器解决办法
2022/04/08 数码科技