复制代码 代码如下:
<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"style="border-collapse:collapse"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"style="border-collapse:collapse"bordercolor="#FF0000"id="table29">
<tr>
<tdid=cel1onclick=secBoard(1)style="cursor:hand"height="25"align="center">链接1</td>
</tr>
<tr>
<tdid=cel2onclick=secBoard(2)style="cursor:hand"height="25"align="center">链接2</td>
</tr>
<tr>
<tdid=cel3onclick=secBoard(3)style="cursor:hand"height="25"align="center">链接3</td>
</tr>
<tr>
<tdid=cel4onclick=secBoard(4)style="cursor:hand"height="25"align="center">链接4</td>
</tr>
<tr>
<tdid=cel5onclick=secBoard(5)style="cursor:hand"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"style="border-collapse:collapse"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=tbx01style="DISPLAY:block"
cellSpacing=5cellPadding=0width="100%"
align=centerborder=0>
<TBODY>
<TR>
<TDclass=p2>
<pstyle="line-height:150%">
<fontcolor="#FF0000"><b>链接1的内容：</b></font>酒水香烟鲁菜东北官府湘菜苏菜陕西<BR>湖北淮扬西餐酒水香烟鲁菜东北官府湘菜苏菜陕西<BR>湖北淮扬西餐酒水香烟鲁菜东北官府湘菜苏菜陕西<BR>湖北淮扬西餐酒水香烟鲁菜东北官府湘菜苏菜陕西<BR>湖北淮扬西餐</TD></TR></TBODY></TABLE>
<TABLEid=tbx02style="DISPLAY:none"
cellSpacing=5cellPadding=0width="100%"
align=centerborder=0>
<TBODY>
<TR>
<TDclass=p2>
<pstyle="line-height:150%">
<fontcolor="#FF0000"><b>链接2的内容：</b></font>观前街人民路广济路石路朱家庄西单崇文门
<br>
苏州街方庄石路朱家庄西单崇文门
<br>
苏州街方庄石路朱家庄西单崇文门
<br>
苏州街方庄观前街人民路广济路石路朱家庄西单崇文门
<br>
苏州街方庄石路朱家庄西单崇文门
<br>
苏州街方庄石路朱家观前街人民路广济路石路朱家庄西单崇文门
<br>
苏州街方庄石路朱家庄西单崇文门
<br>
苏州街方庄石路朱家</TD></TR></TBODY></TABLE>
<TABLEid=tbx03style="DISPLAY:none"
cellSpacing=5cellPadding=0width="100%"
align=centerborder=0>
<TBODY>
<TR>
<TDclass=p2>
<pstyle="line-height:150%">
<fontcolor="#FF0000"><b>链接3的内容：</b></font>水煮鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤小吃<BR>鲍翅快餐
鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤香辣蟹
火锅羊蝎子农家菜烧烤鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤香辣蟹火锅羊蝎子
农家菜烧烤鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤</TD></TR></TBODY></TABLE>
<TABLEid=tbx04style="DISPLAY:none"
cellSpacing=5cellPadding=0width="100%"
align=centerborder=0>
<TBODY>
<TR>
<TDclass=p2>
<pstyle="line-height:150%">
<fontcolor="#FF0000"><b>链接4的内容：</b></font>水煮鱼烤鸭香辣蟹火锅羊蝎子农家菜烧烤小吃<BR>鲍翅快餐
农家菜烧烤小吃<BR>鲍翅快餐农家菜烧烤小吃<BR>鲍翅快餐煮鱼烤鸭
香辣蟹火锅羊蝎子农家菜烧烤小吃<BR>鲍翅快餐
农家菜烧烤小吃<BR>鲍翅快餐农家菜烧烤小吃<BR>鲍翅快餐</TD></TR></TBODY></TABLE>
<TABLEid=tbx05style="DISPLAY:none"
cellSpacing=5cellPadding=0width="100%"
align=centerborder=0>
<TBODY>
<TR>
<TDclass=p2>
<pstyle="line-height:150%">
<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>
【类似框架的js代码】相关文章：
★ JavaScript的Backbone.js框架的一些使用建议整理
★ 强制设为首页代码