首页
所有分类
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 相关文章推荐
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 Javascript
javascript XML数据显示为HTML一例
Dec 23 Javascript
读jQuery之二（两种扩展）
Jun 11 Javascript
php，js，css字符串截取的办法集锦
Sep 26 Javascript
详解JavaScript中shift()方法的使用
Jun 09 Javascript
javascript中一些util方法汇总
Jun 10 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Jul 08 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
Oct 15 Javascript
javascript 玩转Date对象(实例讲解)
Jul 11 Javascript
微信小程序简单实现form表单获取输入数据功能示例
Nov 30 Javascript
使用async、enterproxy控制并发数量的方法详解
Jan 02 Javascript
Javascript组合继承方法代码实例解析
Apr 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
Foreign Key(1) 腾讯云(1) Hadoop(1) queue(1) JDK(1) 内存池(1) 九宫格(5) 云服务器(1) RecyclerView(1) TaiShan(1)
You might like
PHP实现网上点歌（二）
2006/10/09 PHP
php 数组的指针操作实现代码
2011/02/08 PHP
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
PHP实现模仿socket请求返回页面的方法
2014/11/04 PHP
php实现图片上传并利用ImageMagick生成缩略图
2016/03/14 PHP
JavaScript 验证浏览器是否支持javascript的方法小结
2009/05/17 Javascript
复制网页内容，粘贴之后自动加上网址的实现方法(脚本之家特别整理)
2014/10/16 Javascript
jQuery中:text选择器用法实例
2015/01/03 Javascript
JS根据key值获取URL中的参数值及把URL的参数转换成json对象
2015/08/26 Javascript
原生js中ajax访问的实例详解
2017/09/19 Javascript
windows下更新npm和node的方法
2017/11/30 Javascript
Element Table的row-class-name无效与动态高亮显示选中行背景色
2018/11/30 Javascript
用Cordova打包Vue项目的方法步骤
2019/02/02 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
如何通过JS实现日历简单算法
2020/10/14 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
Python匹配中文的正则表达式
2016/05/11 Python
TensorFlow神经网络优化策略学习
2018/03/09 Python
Python中一行和多行import模块问题
2018/04/01 Python
Python实现的拉格朗日插值法示例
2019/01/08 Python
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
python爬虫模块URL管理器模块用法解析
2020/02/03 Python
以SQLite和PySqlite为例来学习Python DB API
2020/02/05 Python
聊聊Python pandas 中loc函数的使用,及跟iloc的区别说明
2021/03/03 Python
英国性能汽车零件和发动机配件在线：Maxpeedingrods
2019/11/05 全球购物
新娘父亲婚礼致辞
2014/01/16 职场文书
葬礼司仪主持词
2014/03/31 职场文书
工会工作个人总结
2015/03/03 职场文书
供应商食品安全承诺书
2015/04/29 职场文书
小学主题班会教案
2015/08/17 职场文书
Python import模块的缓存问题解决方案
2021/06/02 Python
pandas中pd.groupby()的用法详解
2022/06/16 Python
js前端面试常见浏览器缓存强缓存及协商缓存实例
2022/06/21 Javascript
利用Python实现翻译HTML中的文本字符串
2022/06/21 Python