tab 的简单实现原理
来源:互联网 发布:excel筛选数据后求和 编辑:程序博客网 时间:2024/06/15 20:15
你可以将div中的内容设置为table 或者内嵌入其它div ==
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<input type="button" value="div1" id="tab1" onclick="changeDiv(this)" />
<input type="button" value="div2" id="tab2" onclick="changeDiv(this)" />
<table>
<tr>
<td>
<div id="div_tab1" style="border: 1px solid #0099CC;">
</br>
tab1 is chosed
</br>
</div>
<div id="div_tab2" style="display:none;border: 1px solid #0099CC;">
</br>
tab2 is chosed
</br>
</div>
</td>
</tr>
</table>
</BODY>
<script language="javascript">
function changeDiv(obj){
// alert(obj.id);
div_tab1.style.display="none";
div_tab2.style.display="none";
var tid = document.getElementById('div_'+obj.id);
// alert(tid);
tid.style.display="";
}
</script>
</HTML>
- tab 的简单实现原理
- javascript实现tab滑动门,简单原理
- tab菜单的简单实现
- tab切换的简单实现
- Tab控件的全程简单实现
- 简单、通用的JQuery Tab实现
- 实现一个简单的tab选项卡
- jquery实现简单的Tab切换菜单
- viewpager+frament实现简单的tab
- jq实现简单的tab切换效果
- javascript实现简单的tab选项卡
- 一个简单的底部Tab切换实现
- Javascript 简单的Tab切换实现
- 原生JS的简单tab切换实现
- jQuery实现简单的tab切换
- 用jQuery实现简单的tab切换
- 首页tab导航栏的实现原理及方法
- 一个简单的Css实现的Tab页面
- Feature Matching
- TreeSet 、HashSet 、LinkedHashSet 的使用
- 内部类的使用示例
- 批处理事物
- 自学--数据库笔记--第三篇--附加子句查询
- tab 的简单实现原理
- servlet 八个Listener接口,六个Event类别 (转)
- CSS:元素定位之position属性
- notify()和notifyAll() 本质区别 --- 示例 (转)
- Timestamp和Date的区别
- Ubuntu下使用Python-opencv获取海康威视RTSP码流教程
- 优秀程序员的性格--why (转)
- java 对象流的使用示例-- ObjectOutputStream
- 第6章 Spring Boot核心