類似框架的js代碼
更新時間：2006年11月09日 00:00:00 作者：
復(fù)制代碼 代碼如下:
<html>
<head>
<title>類似框架的JS導(dǎo)航菜單</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的內(nèi)容：</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的內(nèi)容：</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的內(nèi)容：</b></font>水煮魚 烤鴨 香辣蟹 火鍋 羊蝎子 農(nóng)家菜 燒烤 小吃 <BR>鮑翅 快餐
魚 烤鴨 香辣蟹 火鍋 羊蝎子 農(nóng)家菜 燒烤魚 烤鴨 香辣蟹 火鍋 羊蝎子 農(nóng)家菜 燒烤香辣蟹
火鍋 羊蝎子 農(nóng)家菜 燒烤魚 烤鴨 香辣蟹 火鍋 羊蝎子 農(nóng)家菜 燒烤香辣蟹 火鍋 羊蝎子
農(nóng)家菜 燒烤魚 烤鴨 香辣蟹 火鍋 羊蝎子 農(nóng)家菜 燒烤</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的內(nèi)容：</b></font>水煮魚 烤鴨 香辣蟹 火鍋 羊蝎子 農(nóng)家菜 燒烤 小吃 <BR>鮑翅 快餐
農(nóng)家菜 燒烤 小吃 <BR>鮑翅 快餐 農(nóng)家菜 燒烤 小吃 <BR>鮑翅 快餐 煮魚 烤鴨
香辣蟹 火鍋 羊蝎子 農(nóng)家菜 燒烤 小吃 <BR>鮑翅 快餐
農(nóng)家菜 燒烤 小吃 <BR>鮑翅 快餐 農(nóng)家菜 燒烤 小吃 <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的內(nèi)容：</b></font>水煮魚 烤鴨 香辣蟹 火鍋 羊蝎子 農(nóng)家菜 燒烤 小吃 <BR>
鮑翅 快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐快餐 煮魚 烤鴨 香辣蟹
火鍋 羊蝎子 農(nóng)家菜 燒烤 小吃 <BR>
鮑翅 快餐快餐快餐快餐快煮魚 烤鴨 香辣蟹 火鍋 羊蝎子 農(nóng)家菜 燒烤 小吃 <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>
相關(guān)文章
這篇文章主要介紹了JS獲取Table中td值的方法,實例分析了javascript操作table中td的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
深入淺出JS的Object.defineProperty()
這篇文章主要介紹了深入淺出JS的Object.defineProperty()，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，感興趣的小伙伴可以參考一下2022-06-06
ECharts是一個使用JavaScript實現(xiàn)的開源可視化庫,涵蓋各行業(yè)圖表,滿足各種需求,下面這篇文章主要給大家介紹了關(guān)于Echarts地圖的相關(guān)資料,包括地圖樣式、合并地圖、增加地圖,需要的朋友可以參考下2022-06-06
五步輕松實現(xiàn)JavaScript HTML時鐘效果
這篇文章主要為大家詳細介紹了五步輕松實現(xiàn)JavaScript HTML時鐘效果的代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
在這篇文章中，將為大家展示如何使用css Flex-box和一些JavaScript來設(shè)計棋盤。文中的示例代碼講解詳細，感興趣的可以了解一下2022-05-05
JavaScript數(shù)組方法-系統(tǒng)性總結(jié)詳解
本文是小編給大家特意整理的關(guān)于js數(shù)組方法的知識，非常實用，在面試筆試題中經(jīng)常用得到，有需要的朋友可以參考下2021-09-09
這篇文章主要介紹了JS匿名函數(shù),結(jié)合實例形式分析了javascript匿名函數(shù)的定義、參數(shù)、返回值等相關(guān)使用方法,需要的朋友可以參考下2016-11-11
TypeScript類型系統(tǒng)自定義數(shù)據(jù)類型教程示例
這篇文章主要為大家介紹了TypeScript類型系統(tǒng)自定義數(shù)據(jù)類型教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
這篇文章主要介紹了微信小程序項目總結(jié)之點贊 刪除列表 分享功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2018-06-06
extjs 04_grid 單擊事件新發(fā)現(xiàn)
EXTJS GRID 中單擊行和單元格獲得行或者單元格的內(nèi)容(數(shù)據(jù)),本文將整理此功能的應(yīng)用，需要了解的朋友可以參考下2012-11-11