首页
所有分类
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 相关文章推荐
javascript 建设银行登陆键盘
Jun 10 Javascript
javascript 打印内容方法小结
Nov 04 Javascript
parseInt parseFloat js字符串转换数字
Aug 01 Javascript
arguments对象验证函数的参数是否合法
Jun 26 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
Jan 18 Javascript
js判断出两个字符串最大子串的函数实现方法
Nov 01 Javascript
微信公众号  提示：Unauthorized API function 问题解决方法
Dec 05 Javascript
BootStrap实现轮播图效果(收藏)
Dec 30 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
Feb 18 Javascript
Angular中ng-bind和ng-model的区别实例详解
Apr 10 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
Apr 27 Javascript
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
Aug 17 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
AE3805(1) 新加坡购物网站(41) CPU(2) 纸巾盒(1) 爱尔兰购物网站(30) 美国购物网站(1542) 英国购物网站(954) 天梯图(1) SLi Minor 2020(63) 香港购物网站(84)
You might like
5.PHP的其他功能
2006/10/09 PHP
如何在PHP中使用Oracle数据库(6)
2006/10/09 PHP
php数字转汉字代码(算法)
2011/10/08 PHP
WordPress中用于获取及自定义头像图片的PHP脚本详解
2015/12/17 PHP
Thinkphp框架+Layui实现图片/文件上传功能分析
2020/02/07 PHP
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
JS替换字符串中字符即替换全部而不是第一个
2014/06/04 Javascript
jQuery中$this和$(this)的区别介绍（一看就懂）
2015/07/06 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
微信+angularJS的SPA应用中用router进行页面跳转，jssdk校验失败问题解决
2016/09/09 Javascript
jQuery UI制作选项卡（tabs）
2016/12/13 Javascript
vue组件实例解析
2017/01/10 Javascript
详解升级react-router 4 踩坑指南
2017/08/14 Javascript
javascript按顺序加载运行js方法
2017/12/01 Javascript
react+redux的升级版todoList的实现
2017/12/18 Javascript
JS实现十分钟倒计时代码实例
2018/10/18 Javascript
vue路由插件之vue-route
2019/06/13 Javascript
记一次用ts+vuecli4重构项目的实现
2020/05/21 Javascript
Python httplib模块使用实例
2015/04/11 Python
介绍Python的Django框架中的静态资源管理器django-pipeline
2015/04/25 Python
火车票抢票python代码公开揭秘!
2018/03/08 Python
Python使用win32com模块实现数据库表结构自动生成word表格的方法
2018/07/17 Python
Python BS4库的安装与使用详解
2018/08/08 Python
Python3数字求和的实例
2019/02/19 Python
python字典改变value值方法总结
2019/06/21 Python
Python Django 实现简单注册功能过程详解
2019/07/29 Python
美国汽配连锁巨头Pep Boys官网：轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
印尼最大的婴儿用品购物网站：Orami
2017/09/28 全球购物
FLIR美国官网：热成像, 夜视和红外摄像系统
2018/07/13 全球购物
微软中国官方商城：Microsoft Store中国
2018/10/12 全球购物
盖尔斯工厂店：GUESS Factory
2020/01/21 全球购物
实体的生命周期
2013/08/31 面试题
汽车检测与维修专业求职信
2013/10/30 职场文书
新郎新娘婚礼答谢词
2014/01/11 职场文书
《难忘的泼水节》教学反思
2014/02/27 职场文书
python中pandas对多列进行分组统计的实现
2021/06/18 Python