<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<style type="text/css">
.tabletype
{
background-color:Blue;
}
</style>
<script language="javascript" type="text/javascript">
function aa()
{
for(var i=1;i<=4;i++)
{
eval("document.getElementById('a"+i+"').style.display='none'");
}
}
function a(n)
{
if(eval("document.getElementById('a"+n+"').style.display=='none'"))
{
eval("document.getElementById('a"+n+"').style.display='block'");
}
else
{
eval("document.getElementById('a"+n+"').style.display='none'");
}
}
</script>
</head>
<body οnlοad="aa()">
<form id="form1" runat="server">
<div>
<table class="tabletype" width="400px">
<tr>
<td><div><a href="#" οnclick="a(1)">公司部门</a></div></td>
<td id="a1">
<ul>
<li>人事部</li>
<li>财务部</li>
<li>市场部</li>
<li>科研部</li>
</ul>
</td>
</tr>
<tr>
<td><div><a href="#" οnclick="a(2)">合作伙伴</a></div></td>
<td id="a2" >
<ul>
<li>华为</li>
<li>天宇</li>
<li>京伦</li>
<li>微软</li>
</ul>
</td>
</tr>
<tr>
<td ><div><a href="#" οnclick="a(3)">产品服务</a></div></td>
<td id="a3">
<ul>
<li>技术支持</li>
<li>客服服务</li>
<li>技术维修</li>
<li>送货上门</li>
</ul>
</td>
</tr>
<tr>
<td ><div><a href="#" οnclick="a(4)">公司管理</a></div></td>
<td id="a4">
<ul>
<li>新闻发布</li>
<li>客户管理</li>
<li>合作会议</li>
<li>人员安排</li>
</ul>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
js中Eval用法
最新推荐文章于 2023-10-12 16:37:48 发布