首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

类似框架的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>

类似框架的js代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
原生js写的放大镜效果
Aug 22 Javascript
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
Oct 12 Javascript
JavaScript如何从listbox里同时删除多个项目
Oct 12 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
Mar 21 Javascript
Bootstrap每天必学之工具提示（Tooltip）插件
Apr 26 Javascript
微信小程序 MINA文件结构
Oct 17 Javascript
JavaScript实现图片轮播组件代码示例
Nov 22 Javascript
JavaScript字符串对象
Jan 14 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
Sep 07 Javascript
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
javascript使用canvas实现饼状图效果
Sep 08 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
外键(1) IC-R9500(1) SQL注入(2) 代理(2) 克隆(1) 脏读(2) #{}(1) S-2000(1) 选择器(1) 增删查改(1)
You might like
smarty+adodb+部分自定义类的php开发模式
2006/12/31 PHP
Yii2 rbac权限控制操作步骤实例教程
2016/04/29 PHP
关于laravel 数据库迁移中integer类型是无法指定长度的问题
2019/10/09 PHP
Laravel获取当前请求的控制器和方法以及中间件的例子
2019/10/11 PHP
代码精简的可以实现元素圆角的js函数
2007/07/21 Javascript
容易被忽略的JS脚本特性
2011/09/13 Javascript
javascript判断非数字的简单例子
2013/07/18 Javascript
jQuery.event兼容各浏览器的event详细解析
2013/12/18 Javascript
javascript引用类型之时间Date和数组Array
2015/08/27 Javascript
JS hashMap实例详解
2016/05/26 Javascript
Jquery基础之事件操作详解
2016/06/14 Javascript
浅谈js中的in-for循环
2016/06/28 Javascript
老生常谈js中0到底是 true 还是 false
2017/03/08 Javascript
js如何编写简单的ajax方法库
2017/08/02 Javascript
mpvue项目中使用第三方UI组件库的方法
2018/09/30 Javascript
手把手教你如何使用nodejs编写cli命令行
2018/11/05 NodeJs
JavaScript this绑定过程深入详解
2018/12/07 Javascript
Jquery实现获取子元素的方法分析
2019/08/24 jQuery
vue图片上传组件使用详解
2019/12/23 Javascript
Python3调用微信企业号API发送文本消息代码示例
2017/11/10 Python
Python判断变量名是否合法的方法示例
2019/01/28 Python
python实现批量nii文件转换为png图像
2019/07/18 Python
pygame实现成语填空游戏
2019/10/29 Python
Python大数据之使用lxml库解析html网页文件示例
2019/11/16 Python
Python While循环语句实例演示及原理解析
2020/01/03 Python
python中count函数简单用法
2020/01/05 Python
解决Python3.8用pip安装turtle-0.0.2出现错误问题
2020/02/11 Python
Django 用户认证Auth组件的使用
2020/11/30 Python
德国自然时尚和有机产品购物网站：Waschbär
2019/05/29 全球购物
Mybag美国/加拿大：英国奢华包包和名牌手袋网站
2020/02/16 全球购物
如何用Python来进行查询和替换一个文本字符串
2014/01/02 面试题
python re模块和正则表达式
2021/03/24 Python
精彩广告词大全
2014/03/19 职场文书
十月围城观后感
2015/06/08 职场文书
学习习近平主席讲话心得体会
2016/01/20 职场文书
MySQL数据库如何给表设置约束详解
2022/03/13 MySQL