复制代码 代码如下:
<html>
<head>
<title>类似框架的JS导航菜单</title>
<metahttp-equiv=content-Typecontent="text/html;charset=gb2312">
<>
<SCRIPTlanguage=JavaScript>
functionsecBoard(n)
{
for(i=1;i<6;i++)
{
eval("document.getElementById('cel"+i+"').background=''");
}
eval("document.getElementById('cel"+n+"').background=''");
for(i=1;i<6;i++)
eval("tbx0"+i+".style.display='none'");
eval("tbx0"+n+".style.display='block'");
}
</SCRIPT>
</head>
<body>
<>
<divalign="center">
<tableborder="0"width="600"cellpadding="0"id="table1">
<tr>
<tdwidth="93"height="125"align="center"valign="top">
<tableborder="0"width="100%"cellpadding="2"id="table28">
<tr>
<tdvalign="top">
<divalign="center">
<tableborder="1"width="100%"cellspacing="0"cellpadding="0"bordercolor="#FF0000"id="table29">
<tr>
<tdid=cel1onclick=secBoard(1)height="25"align="center">链接1</td>
</tr>
<tr>
<tdid=cel2onclick=secBoard(2)height="25"align="center">链接2</td>
</tr>
<tr>
<tdid=cel3onclick=secBoard(3)height="25"align="center">链接3</td>
</tr>
<tr>
<tdid=cel4onclick=secBoard(4)height="25"align="center">链接4</td>
</tr>
<tr>
<tdid=cel5onclick=secBoard(5)height="25"align="center">链接5</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
<tdvalign="top">
<tableborder="0"width="100%"cellpadding="2"id="table2">
<tr>
<td>
<divalign="center">
<tableborder="1"width="100%"cellspacing="0"cellpadding="0"bordercolor="#0000FF"id="table3">
<tr>
<tdvalign="top"><TABLEid=Table27cellSpacing=0cellPadding=0width=300
border=0>
<TBODY>
<TR>
<TDwidth=1bgColor=#a9a9a9height="1"></TD>
<TDclass=p2width=298bgcolor="#CCCCCC"height="1"></TD></TR>
<TR>
<TDwidth=1><BR></TD>
<TDclass=p2width=298>
<TABLEid=tbx01
cellSpacing=5cellPadding=0width="100%"
align=centerborder=0>
<TBODY>
<TR>
<TDclass=p2>
<p>
<fontcolor="#FF0000"><b>链接1的内容：</b></font>酒水香烟鲁菜东北官府湘菜苏菜陕西<BR>湖北淮扬西餐酒水香烟鲁菜东北官府湘菜苏菜陕西<BR>湖北淮扬西餐酒水香烟鲁菜东北官府湘菜苏菜陕西<BR>湖北淮扬西餐酒水香烟鲁菜东北官府湘菜苏菜陕西<BR>湖北淮扬西餐</TD></TR></TBODY></TABLE>
<TABLEid=tbx02
cellSpacing=5cellPadding=0width="100%"
align=centerborder=0>
<TBODY>
<TR>
<TDclass=p2>
<p>
<fontcolor="#FF0000"><b>链接2的内容：</b></font>观前街人民路广济路石路朱家庄西单崇文门
<br>
苏州街方庄石路朱家庄西单崇文门
<br>
苏州街方庄石路朱家庄西单崇文门
<br>
苏州街方庄观前街人民路广济路石路朱家庄西单崇文门
<br>
苏州街方庄石路朱家庄西单崇文门
<br>
苏州街方庄石路朱家观前街人民路广济路石路朱家庄西单崇文门
<br>
苏州街方庄石路朱家庄西单崇文门
<br>
苏州街方庄石路朱家</TD></TR></TBODY></TABLE>
<TABLEid=tbx03
cellSpacing=5cellPadding=0width="100%"
align=centerborder=0>
<TBODY>
<TR>
<TDclass=p2>
<p>
<fontcolor="#FF0000"><b>链接3的内容：</b></font>水煮鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤小吃<BR>鲍翅快餐
鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤香辣蟹
火锅羊蝎子农家菜烧烤鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤香辣蟹火锅羊蝎子
农家菜烧烤鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤</TD></TR></TBODY></TABLE>
<TABLEid=tbx04
cellSpacing=5cellPadding=0width="100%"
align=centerborder=0>
<TBODY>
<TR>
<TDclass=p2>
<p>
<fontcolor="#FF0000"><b>链接4的内容：</b></font>水煮鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤小吃<BR>鲍翅快餐
农家菜烧烤小吃<BR>鲍翅快餐农家菜烧烤小吃<BR>鲍翅快餐煮鱼烤鸭
香辣蟹火锅羊蝎子农家菜烧烤小吃<BR>鲍翅快餐
农家菜烧烤小吃<BR>鲍翅快餐农家菜烧烤小吃<BR>鲍翅快餐</TD></TR></TBODY></TABLE>
<TABLEid=tbx05
cellSpacing=5cellPadding=0width="100%"
align=centerborder=0>
<TBODY>
<TR>
<TDclass=p2>
<p>
<fontcolor="#FF0000"><b>链接5的内容：</b></font>水煮鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤小吃<BR>
鲍翅快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐煮鱼烤鸭香辣蟹
火锅羊蝎子农家菜烧烤小吃<BR>
鲍翅快餐快餐快餐快餐快煮鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤小吃<BR>
鲍翅快餐快餐快餐快餐快</TD></TR></TBODY></TABLE></TD>
<TDwidth=1><BR></TD></TR></TBODY></TABLE></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>