html在同一个页面上几个表格切换
2010-04-01 20:48
309 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <mce:script type="text/javascript" scr="./js/jquery.js"></mce:script> <mce:script type="text/javascript"><!-- $(document).ready(function(){ selectMenu(document.getElementById('td0'),'tab0'); }) function selectMenu(oThis,tabID) { for(i = 0; i<3; i++){ document.getElementById("tab" + i).style.display = "none"; } document.getElementById(tabID).style.display = ""; } // --></mce:script> </head> <body> <table border="0"> <tbody> <tr id="tabtr"> <td id="td0" class="on" onclick="selectMenu(this,'tab0')"><a href="#" mce_href="#"><span>待审核的应用</span></a></td> <td id="td1" onclick="selectMenu(this,'tab1')"><a href="#" mce_href="#"><span>待审核的评论</span></a></td> <td id="td2" onclick="selectMenu(this,'tab2')"><a href="#" mce_href="#"><span>待测试的应用</span></a></td> </tr> </tbody> </table> <table id="tab0" style="width: 200px; height: 200px;" border="0" cellspacing="1"> <tbody> <tr> <th>tabo</th> <td>第一个表格</td> </tr> </tbody> </table> <table id="tab1" style="display: none; width: 200px; height: 200px;" border="0" cellspacing="1"> <tbody> <tr> <th>tabo</th> <td>第二个表格</td> </tr> </tbody> </table> <table id="tab2" style="display: none; width: 200px; height: 200px;" border="0" cellspacing="1"> <tbody> <tr> <th>tabo</th> <td>第三个表格</td> </tr> </tbody> </table> <td class="toolbar"></td> <p></p> <p></p> <p></p> <p><input id="searchButton" class="inputButton" type="button" value=" 查 询 " /></p> </body> </html>
相关文章推荐
- html jsp 页面 表格保存为word,excel的一个简单办法
- html页面中关于一个table表格中设置上下2个td宽度一致的问题
- 在HTML页面中点不同按钮在同一个IFRAME分别切换不同子页面的方法
- php与html页面交互的几个函数
- html页面加载一个jsp页面或者html页面 用<!--#include virtual=""--> 这样的标签
- 同一个页面内实现html+js表单提交输出功能
- 我用myeclipse导入了一个用eclipse开发的项目,项目上有个差报错,是里面几个页面报的假错,部署到tomcat后,tomcat配置里这个项目的running值是false,访问就报404错误,而且不编译class文件
- html页面的状态栏切换
- JS动态切换图片(一个页面中可多次使用)
- 网页中有几个框架,在其中一个框架中点击超链接刷新整个页面
- NO.165 禅道的自定义功能:表格切换和创建页面的自定义
- requireJS在同一个HTML/JSP页面,加载不同版本的jquery
- Javascript 用本页面文本域中的HTML代码打开一个空白窗口来运行
- 在一个窗口中打开几个Excel表格的办法
- 安卓HTML中打开一个连接!点击跳转了,可以实现返回上一级的HTML的页面!
- Flex开发中多个module之间切换,在一个module页面中切换到另外一个module
- jQuery EasyUI使用教程之将一个HTML表格转换为数据网格
- html 中include另外一个页面
- HTML-跳转按钮(点击一个按钮跳转到新的页面)
- 使用HTML/CSS实现一个复杂页面--随笔