類似框架的js代碼
更新時(shí)間：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>湖北 淮揚(yáng) 西餐 酒水 香煙 魯菜 東北 官府 湘菜 蘇菜 陜西 <BR>湖北 淮揚(yáng) 西餐酒水 香煙 魯菜 東北 官府 湘菜 蘇菜 陜西 <BR>湖北 淮揚(yáng) 西餐酒水 香煙 魯菜 東北 官府 湘菜 蘇菜 陜西 <BR>湖北 淮揚(yáng) 西餐</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>觀前街 人民路 廣濟(jì)路 石路 朱家莊 西單 崇文門
<br>
蘇州街 方莊 石路 朱家莊 西單 崇文門
<br>
蘇州街 方莊 石路 朱家莊 西單 崇文門
<br>
蘇州街 方莊 觀前街 人民路 廣濟(jì)路 石路 朱家莊 西單 崇文門
<br>
蘇州街 方莊 石路 朱家莊 西單 崇文門
<br>
蘇州街 方莊 石路 朱家觀前街 人民路 廣濟(jì)路 石路 朱家莊 西單 崇文門
<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)文章
echarts實(shí)現(xiàn)橫向和縱向滾動(dòng)條(使用dataZoom)
這篇文章主要給大家介紹了關(guān)于echarts使用dataZoom實(shí)現(xiàn)橫向和縱向滾動(dòng)條的相關(guān)資料,最近項(xiàng)目中使用到echarts圖表,當(dāng)數(shù)據(jù)過多時(shí)需要添加橫向滾動(dòng)條,需要的朋友可以參考下2023-08-08
再談querySelector和querySelectorAll的區(qū)別與聯(lián)系
先按W3C的規(guī)范來(lái)說這兩個(gè)方法應(yīng)該返回的內(nèi)容吧，大家先看下官方的解釋，然后根據(jù)需要選擇使用2012-04-04
JS實(shí)現(xiàn)Fisheye效果動(dòng)感放大菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)Fisheye效果動(dòng)感放大菜單代碼,涉及JavaScript事假監(jiān)聽機(jī)制及定時(shí)函數(shù)等相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
JavaScript實(shí)現(xiàn)的使用鍵盤控制人物走動(dòng)實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的使用鍵盤控制人物走動(dòng)實(shí)例,也可說是一個(gè)JS實(shí)現(xiàn)的小人走動(dòng)小游戲,需要的朋友可以參考下2014-08-08
js中頁(yè)面的重新加載(當(dāng)前頁(yè)面/上級(jí)頁(yè)面)及frame或iframe元素引用介紹
用JavaScript刷新上級(jí)頁(yè)面和當(dāng)前頁(yè)面在某些情況下還是比較實(shí)用的，感興趣的朋友可以了解下另外介紹一下frame或iframe元素的引用方法，希望本文對(duì)你有所幫助2013-01-01
今天小編就為大家分享一篇layui插件表單驗(yàn)證提交觸發(fā)提交的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2019-09-09
xml分頁(yè)+ajax請(qǐng)求數(shù)據(jù)源+dom取結(jié)果實(shí)例代碼
最近做的一個(gè)項(xiàng)目里的某個(gè)小功能,主要是為了方便選擇數(shù)據(jù) 演示地址:由于有惡意程序，所以去掉地址2008-10-10
javascript設(shè)計(jì)模式 – 命令模式原理與用法實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 命令模式,結(jié)合實(shí)例形式分析了javascript命令模式相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
下面小編就為大家?guī)?lái)一篇深入理解MVC中的時(shí)間js格式化。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-05-05
這篇文章主要介紹了詳解Webpack4多頁(yè)應(yīng)用打包方案,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07