复制代码 代码如下:
<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>
标签:
类似框架的js代码

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
桃源资源网 Design By www.nqtax.com

评论“类似框架的js代码”

暂无“类似框架的js代码”评论...

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。