|
#2
aspic2009-11-12 09:28
 程序代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> .menu{width:200px;border:1px solid #f60; margin-bottom:2px;line-height:20px;background-color:#ccc;text-align:center;cursor:pointer} </style> <script> $ = function(id) {return typeof id == 'string' ? document.getElementById(id) : id}; tab = function(id) { $('subMenu' + id).style.display = $('subMenu' + id).style.display=='none' ? 'block' : 'none' } </script> </head> <body> <div class="menu" onclick="tab('1')">系统管理</div> <div id="subMenu1" style="display:none">子菜单一</div> <div class="menu" onclick="tab('2')">用户管理</div> <div id="subMenu2" style="display:none">子菜单二</div> <div class="menu" onclick="tab('3')">文章管理</div> <div id="subMenu3" style="display:none">子菜单三</div> <div class="menu" onclick="tab('4')">产品管理</div> <div id="subMenu4" style="display:none">子菜单四</div> </body> </html> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function showsubmenu(sid)
{
whichEl = eval("submenu" + sid);
imgmenu = eval("imgmenu" + sid);
if (whichEl.style.display == "none")
{
eval("submenu" + sid + ".style.display=\"\";");
}
else
{
eval("submenu" + sid + ".style.display=\"none\";");
}
}
</script>
</head>
<body>
<div>
<div>
<table>
<tr>
<td id="imgmenu1" onClick="showsubmenu(1)" style="cursor:hand;">公司信息</td>
</tr>
<tr style="display:none;">
<td id="submenu1">
<div>
<table>
<tr>
<td>sfsdfsd</td>
<td>sfsdfsd</td>
<td>sfsdfsd</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>