类似框架的js代码


Posted in Javascript onNovember 09, 2006
<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>
Javascript 相关文章推荐
javascript字典探测用户名工具
Oct 05 Javascript
js实现iframe动态调整高度的代码
Jan 06 Javascript
xml分页+ajax请求数据源+dom取结果实例代码
Oct 31 Javascript
清除div下面的所有标签的方法
Feb 17 Javascript
JavaScript异步编程Promise模式的6个特性
Apr 03 Javascript
node.js 中国天气预报 简单实现
Jun 06 Javascript
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
Angular resolve基础用法详解
Oct 03 Javascript
使用Node.js实现base64和png文件相互转换的方法
Mar 11 Javascript
基于JavaScript实现留言板功能
Mar 16 Javascript
Vue自定义多选组件使用详解
Sep 08 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
Oct 02 Javascript
二级域名转向类
Nov 09 #Javascript
JavaScript的面向对象(一)
Nov 09 #Javascript
JavaScript的面向对象(二)
Nov 09 #Javascript
利用javascript查看html源文件
Nov 08 #Javascript
用javascript获得地址栏参数的两种方法
Nov 08 #Javascript
Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
Nov 07 #Javascript
Ucren Virtual Desktop V2.0
Nov 07 #Javascript
You might like
Fatal error: Call to undefined function curl_init()解决方法
2010/04/09 PHP
php简单操作mysql数据库的类
2015/04/16 PHP
解读PHP中的垃圾回收机制
2015/08/10 PHP
Zend Framework框架Smarty扩展实现方法
2016/03/22 PHP
thinkPHP框架中layer.js的封装与使用方法示例
2019/01/18 PHP
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
2006/12/06 Javascript
google地图的路线实现代码
2009/08/20 Javascript
javascript 节点排序 2
2011/01/31 Javascript
Jquery实现自定义窗口随意的拖拽
2014/03/12 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
JQuery实现鼠标移动图片显示描述层的方法
2015/06/25 Javascript
探究JavaScript中的五种事件处理程序方式
2016/12/07 Javascript
详谈innerHTML innerText的使用和区别
2017/08/18 Javascript
使用Python下的XSLT API进行web开发的简单教程
2015/04/15 Python
Django中更新多个对象数据与删除对象的方法
2015/07/17 Python
python实现批量按比例缩放图片效果
2018/03/30 Python
Python使用Phantomjs截屏网页的方法
2018/05/17 Python
python for循环输入一个矩阵的实例
2018/11/14 Python
python地震数据可视化详解
2019/06/18 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
python GUI库图形界面开发之PyQt5简单绘图板实例与代码分析
2020/03/08 Python
一文读懂Python 枚举
2020/08/25 Python
Python 常用日期处理 -- calendar 与 dateutil 模块的使用
2020/09/02 Python
python 如何区分return和yield
2020/09/22 Python
阿迪达斯加拿大官网:Adidas加拿大
2016/08/25 全球购物
俄罗斯韩国化妆品网上商店:Cosmasi.ru
2019/10/31 全球购物
人力资源管理专业毕业生推荐信
2013/11/07 职场文书
研发工程师的岗位职责
2013/11/18 职场文书
文明礼仪事迹材料
2014/01/09 职场文书
《长城》教学反思
2014/02/14 职场文书
施工单位安全责任书
2014/07/24 职场文书
合作意向书
2014/07/30 职场文书
冰峪沟导游词
2015/02/09 职场文书
高中班长竞选稿
2015/11/20 职场文书
redis 限制内存使用大小的实现
2021/05/08 Redis