<html>
<head>
<title>類似框架的JS導航菜單</title>
<meta http-equiv=content-Type content="text/html;charset=gb2312">
<!--把下面代碼加到<head>與</head>之間-->
<SCRIPT language=JavaScript>
function secBoard(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>
<!--把下面代碼加到<body>與</body>之間-->
<div align="center">
<table border="0" width="600" cellpadding="0" style="border-collapse: collapse" id="table1">
<tr>
<td width="93" height="125" align="center" valign="top">
<table border="0" width="100%" cellpadding="2" id="table28">
<tr>
<td valign="top">
<div align="center">
<table border="1" width="100%" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#FF0000" id="table29">
<tr>
<td id=cel1 onclick=secBoard(1) style="cursor:hand" height="25" align="center">鏈接1</td>
</tr>
<tr>
<td id=cel2 onclick=secBoard(2) style="cursor:hand" height="25" align="center">鏈接2</td>
</tr>
<tr>
<td id=cel3 onclick=secBoard(3) style="cursor:hand" height="25" align="center">鏈接3</td>
</tr>
<tr>
<td id=cel4 onclick=secBoard(4) style="cursor:hand" height="25" align="center">鏈接4</td>
</tr>
<tr>
<td id=cel5 onclick=secBoard(5) style="cursor:hand" height="25" align="center">鏈接5</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
<td valign="top">
<table border="0" width="100%" cellpadding="2" id="table2">
<tr>
<td>
<div align="center">
<table border="1" width="100%" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#0000FF" id="table3">
<tr>
<td valign="top"><TABLE id=Table27 cellSpacing=0 cellPadding=0 width=300
border=0>
<TBODY>
<TR>
<TD width=1 bgColor=#a9a9a9 height="1"></TD>
<TD class=p2 width=298 bgcolor="#CCCCCC" height="1"></TD></TR>
<TR>
<TD width=1><BR></TD>
<TD class=p2 width=298>
<TABLE id=tbx01 style="DISPLAY: block"
cellSpacing=5 cellPadding=0 width="100%"
align=center border=0>
<TBODY>
<TR>
<TD class=p2>
<p style="line-height: 150%">
<font color="#FF0000"><b>鏈接1的內容：</b></font>酒水 香煙 魯菜 東北 官府 湘菜 蘇菜 陜西 <BR>湖北 淮揚 西餐 酒水 香煙 魯菜 東北 官府 湘菜 蘇菜 陜西 <BR>湖北 淮揚 西餐酒水 香煙 魯菜 東北 官府 湘菜 蘇菜 陜西 <BR>湖北 淮揚 西餐酒水 香煙 魯菜 東北 官府 湘菜 蘇菜 陜西 <BR>湖北 淮揚 西餐</TD></TR></TBODY></TABLE>
<TABLE id=tbx02 style="DISPLAY: none"
cellSpacing=5 cellPadding=0 width="100%"
align=center border=0>
<TBODY>
<TR>
<TD class=p2>
<p style="line-height: 150%">
<font color="#FF0000"><b>鏈接2的內容：</b></font>觀前街 人民路 廣濟路 石路 朱家莊 西單 崇文門
<br>
蘇州街 方莊 石路 朱家莊 西單 崇文門
<br>
蘇州街 方莊 石路 朱家莊 西單 崇文門
<br>
蘇州街 方莊 觀前街 人民路 廣濟路 石路 朱家莊 西單 崇文門
<br>
蘇州街 方莊 石路 朱家莊 西單 崇文門
<br>
蘇州街 方莊 石路 朱家觀前街 人民路 廣濟路 石路 朱家莊 西單 崇文門
<br>
蘇州街 方莊 石路 朱家莊 西單 崇文門
<br>
蘇州街 方莊 石路 朱家</TD></TR></TBODY></TABLE>
<TABLE id=tbx03 style="DISPLAY: none"
cellSpacing=5 cellPadding=0 width="100%"
align=center border=0>
<TBODY>
<TR>
<TD class=p2>
<p style="line-height: 150%">
<font color="#FF0000"><b>鏈接3的內容：</b></font>水煮魚 烤鴨 香辣蟹 火鍋 羊蝎子 農家菜 燒烤 小吃 <BR>鮑翅 快餐
魚 烤鴨 香辣蟹 火鍋 羊蝎子 農家菜 燒烤魚 烤鴨 香辣蟹 火鍋 羊蝎子 農家菜 燒烤香辣蟹
火鍋 羊蝎子 農家菜 燒烤魚 烤鴨 香辣蟹 火鍋 羊蝎子 農家菜 燒烤香辣蟹 火鍋 羊蝎子
農家菜 燒烤魚 烤鴨 香辣蟹 火鍋 羊蝎子 農家菜 燒烤</TD></TR></TBODY></TABLE>
<TABLE id=tbx04 style="DISPLAY: none"
cellSpacing=5 cellPadding=0 width="100%"
align=center border=0>
<TBODY>
<TR>
<TD class=p2>
<p style="line-height: 150%">
<font color="#FF0000"><b>鏈接4的內容：</b></font>水煮魚 烤鴨 香辣蟹 火鍋 羊蝎子 農家菜 燒烤 小吃 <BR>鮑翅 快餐
農家菜 燒烤 小吃 <BR>鮑翅 快餐 農家菜 燒烤 小吃 <BR>鮑翅 快餐 煮魚 烤鴨
香辣蟹 火鍋 羊蝎子 農家菜 燒烤 小吃 <BR>鮑翅 快餐
農家菜 燒烤 小吃 <BR>鮑翅 快餐 農家菜 燒烤 小吃 <BR>鮑翅 快餐 </TD></TR></TBODY></TABLE>
<TABLE id=tbx05 style="DISPLAY: none"
cellSpacing=5 cellPadding=0 width="100%"
align=center border=0>
<TBODY>
<TR>
<TD class=p2>
<p style="line-height: 150%">
<font color="#FF0000"><b>鏈接5的內容：</b></font>水煮魚 烤鴨 香辣蟹 火鍋 羊蝎子 農家菜 燒烤 小吃 <BR>
鮑翅 快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐 煮魚 烤鴨 香辣蟹
火鍋 羊蝎子 農家菜 燒烤 小吃 <BR>
鮑翅 快餐快餐快餐快餐快煮魚 烤鴨 香辣蟹 火鍋 羊蝎子 農家菜 燒烤 小吃 <BR>
鮑翅 快餐快餐快餐快餐快</TD></TR></TBODY></TABLE></TD>
<TD width=1><BR></TD></TR></TBODY></TABLE></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
