<html>
<head>
<title>home_work_2</title>
<script language="javascript">
function f(str){
var sub_menu = document.getElementById(str);
var dis_v = sub_menu.style.display;
if(dis_v == "none")
sub_menu.style.display = "block";
else
sub_menu.style.display = "none";
}
</script>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="1">
<tbody>
<tr onclick = "f('sub_menu_1')">
<td>主菜单<人事统计></td>
</tr>
<tr>
<td>
<table id="sub_menu_1" >
<tbody>
<tr><td>姓名</td><td>编号</td></tr>
<tr><td>周星星</td><td>9527</td></tr>
<tr><td>刘备</td><td>1000</td></tr>
</tbody>
</table>
</td>
</tr>
<tr onclick = "f('sub_menu_2')">
<td>主菜单<财务统计></td>
</tr>
<tr>
<td>
<table id="sub_menu_2" >
<tbody>
<tr><td>成本</td><td>收益率</td></tr>
<tr><td>运输</td><td>0.7</td></tr>
<tr><td>材料</td><td>0.8</td></tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
js点击子菜单折叠,再点击子菜单展开
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
js实现灯泡的开和灭
qq_875174369
2018-08-27 19:39:03
js省市级联
qq_875174369
2018-08-27 19:38:48
js实现动态表格
qq_875174369
2018-08-27 19:38:47
js简单函数运用
qq_875174369
2018-08-27 19:38:45
js下拉列表
qq_875174369
2018-08-27 19:38:45
javascript中常用的节点方法
qq_875174369
2018-08-27 19:38:44
按钮点击(还原)效果
中原一秋风
2018-08-27 18:33:28
JavaScript 检测数组
付文龙
2018-08-27 17:46:11
JS:prototype的内存分析
zocojoker
2018-08-27 17:42:07
js 中 setTimeout()的用法
越封号越多
2018-08-27 17:32:52
JS只能输入数字,数字和字母等的正则表达式
越封号越多
2018-08-27 17:32:51
js获取屏幕高度、宽度的问题
越封号越多
2018-08-27 17:32:51
iframe中position:fixed失效
越封号越多
2018-08-27 17:32:33