js 选项卡
来源:互联网 发布:大数据量表设计 编辑:程序博客网 时间:2024/06/05 04:16
不看样式,只看效果
html
<div id="div0"> <input type="button" value="教育"class="active"/> <input type="button" value="培训"/> <input type="button" value="招生"/> <input type="button" value="出国"/> <div style="display: block">11111</div> <div>2222</div> <div>3333</div> <div>4444</div></div>
css
#div0 div{ width: 200px; height: 200px; background: #575757; border: 1px solid #999; display: none;}.active{ background: #df3d3c;}
window.onload = function(){ var div = document.getElementById("div0"); var but = div.getElementsByTagName('input'); var adiv = div.getElementsByTagName('div'); for(var i = 0;i<but.length;i++){ but[i].index = i; but[i].onclick = function(){ for(var i = 0 ;i<but.length;i++){ adiv[i].style.display = 'none' but[i].className = ""; } this.className = 'active'; adiv[this.index].style.display = 'block'; } }}
0 0
- js 拖动选项卡
- JS选项卡
- JS选项卡
- js选项卡
- JS通用选项卡
- JS简单选项卡
- js选项卡
- js的选项卡
- js选项卡
- JS选项卡
- js选项卡
- js 选项卡实现
- js选项卡制作
- 纯 js 选项卡
- js选项卡制作
- js 选项卡制作
- js 选项卡切换
- js简易选项卡
- [Magento代码] 关联SKU到指定的分类下面
- linux环境变量
- 3.HUD 定时任务 常见问题 模型 一个控件看不到有哪些可能
- ListView与GridView的属性讲解
- js this指针绑定问题 及闭包小析
- js 选项卡
- Android设备 xp sp dp dip px 的换算和理解
- 设计模式-抽象工厂模式
- Golang初级系列教程-手把手编写 Hello World
- php 多重继承的替代方案trait
- 最近的状态不好
- 一步一步学习Angular2(03.示例 MASTER/DETAIL)
- GitLab/Git在AndroidStudio上的使用
- 【leetcode】:Length of the LastWord