js目录

最新推荐文章于 2021-08-17 12:05:35 发布
最新推荐文章于 2021-08-17 12:05:35 发布
阅读量481 收藏
点赞数
文章标签： javascript border class function html table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fengxfu/article/details/2160942
版权
<script>
//菜单一 first item----------------------------------------------------------

var item_num=3;   //父层菜单的行数 Hom many rows is the parent item
var item02_word=new Array();   //菜单的文字 The words of the child item
for(i=0;i<item_num;i++)
   item02_word[i]=new Array();

   item02_word[0][0]="市长致词02";
   item02_word[0][1]="市民意见";
   item02_word[0][2]="市民投诉";

   item02_word[1][0]="市政领导02";
   item02_word[1][1]="部门机构";
   item02_word[1][2]="部门职责";

   item02_word[2][0]="最新发布02";
   item02_word[2][1]="综合经济";
   item02_word[2][2]="科教文化";

var item02_link=new Array();   //菜单的链接 The links of the child item
for(i=0;i<item_num;i++)
   item02_link[i]=new Array();
   item02_link[0][0]="#none";
   item02_link[0][1]="#none"
   item02_link[0][2]="#none"

   item02_link[1][0]="#none";
   item02_link[1][1]="#none";
   item02_link[1][2]="#none";

   item02_link[2][0]="#none";
   item02_link[2][1]="#none";
   item02_link[2][2]="#none";

var item02=new Array();   //菜单的HTML The HTML code of the child item
for(i=0;i<item_num;i++)
   item02[i]="";
for(i=0;i<item_num;i++)
   for(j=0;j<item02_word[i].length;j++)
     item02[i]+="    | -<img border=0 src=20020403/list3.gif><a class=childlink href="+item02_link[i][j]+" οnclick=javascript:this.blur();>"+item02_word[i][j]+"</a><br>";

//------------定义一个清空各菜单的函数--------------
function closeItemTable02()
{
   for(i=0;i<item_num;i++)
   {
     document.all.itemTable02.cells[2*i+1].innerHTML="";
item02Img[i].src="20020403/list.gif";
   }
}
//------------------定义结束----------------------

//------------定义一个菜单展开的函数----------------
function openItemTable02(n)
{
   if(document.all.itemTable02.cells[n*2+1].innerHTML=="")
   {
     closeItemTable02();
item02Img[n].src="20020403/list2.gif";
     document.all.itemTable02.cells[n*2+1].innerHTML=item02[n];
   }
   else
     closeItemTable02();
}
//------------------定义结束----------------------

var item02_view=new Array();
item02_view[0]="<table id=itemTable02 cellpadding=0 cellspacing=0 border=0>/n";
item02_view[1]="   <tr><td valign=bottom>   -<img name=item02Img name=treeImg src=20020403/list.gif border=0><a id=item_1 class=parentlink href=javascript: οnclick=javascript:openItemTable02(0);this.blur();>市长室</a></td></tr>/n";
item02_view[2]="   <tr><td class=childlink></td></tr>/n";
item02_view[3]="   <tr><td valign=bottom>   -<img name=item02Img name=treeImg src=20020403/list.gif border=0><a id=item_2 class=parentlink href=javascript: οnclick=javascript:openItemTable02(1);this.blur();>政府政务</a></td></tr>/n";
item02_view[4]="   <tr><td class=childlink></td></tr>/n";
item02_view[5]="   <tr><td valign=bottom>   -<img name=item02Img name=treeImg src=20020403/list.gif border=0><a id=item_3 class=parentlink href=javascript: οnclick=javascript:openItemTable02(2);this.blur();>政策法规</a></td></tr>/n";
item02_view[6]="   <tr><td class=childlink></td></tr>/n";
item02_view[7]="</table>/n";

var item02_all="";
for(i=0;i<item02_view.length;i++)
   item02_all+=item02_view[i];
</script>
<script>
//菜单一 first item----------------------------------------------------------

var item_num=3;   //父层菜单的行数 Hom many rows is the parent item
var item01_word=new Array();   //菜单的文字 The words of the child item
for(i=0;i<item_num;i++)
   item01_word[i]=new Array();

   item01_word[0][0]="市长致词01";
   item01_word[0][1]="市民意见";
   item01_word[0][2]="市民投诉";

   item01_word[1][0]="市政领导01";
   item01_word[1][1]="部门机构";
   item01_word[1][2]="部门职责";

   item01_word[2][0]="最新发布01";
   item01_word[2][1]="综合经济";
   item01_word[2][2]="科教文化";

var item01_link=new Array();   //菜单的链接 The links of the child item
for(i=0;i<item_num;i++)
   item01_link[i]=new Array();
   item01_link[0][0]="#none";
   item01_link[0][1]="#none"
   item01_link[0][2]="#none"

   item01_link[1][0]="#none";
   item01_link[1][1]="#none";
   item01_link[1][2]="#none";

   item01_link[2][0]="#none";
   item01_link[2][1]="#none";
   item01_link[2][2]="#none";

var item01=new Array();   //菜单的HTML The HTML code of the child item
for(i=0;i<item_num;i++)
   item01[i]="";
for(i=0;i<item_num;i++)
   for(j=0;j<item01_word[i].length;j++)
     item01[i]+="    | -<img border=0 src=20020403/list3.gif><a class=childlink href="+item01_link[i][j]+" οnclick=javascript:this.blur();>"+item01_word[i][j]+"</a><br>";

//------------定义一个清空各菜单的函数--------------
function closeItemTable01()
{
   for(i=0;i<item_num;i++)
   {
     document.all.itemTable01.cells[2*i+1].innerHTML="";
item01Img[i].src="20020403/list.gif";
   }
}
//------------------定义结束----------------------

//------------定义一个菜单展开的函数----------------
function openItemTable01(n)
{
   if(document.all.itemTable01.cells[n*2+1].innerHTML=="")
   {
     closeItemTable01();
item01Img[n].src="20020403/list2.gif";
     document.all.itemTable01.cells[n*2+1].innerHTML=item01[n];
   }
   else
     closeItemTable01();
}
//------------------定义结束----------------------

var item01_view=new Array();
item01_view[0]="<table id=itemTable01 cellpadding=0 cellspacing=0 border=0>/n";
item01_view[1]="   <tr><td valign=bottom>   -<img name=item01Img name=treeImg src=20020403/list.gif border=0><a id=item_1 class=parentlink href=javascript: οnclick=javascript:openItemTable01(0);this.blur();>市长室</a></td></tr>/n";
item01_view[2]="   <tr><td class=childlink></td></tr>/n";
item01_view[3]="   <tr><td valign=bottom>   -<img name=item01Img name=treeImg src=20020403/list.gif border=0><a id=item_2 class=parentlink href=javascript: οnclick=javascript:openItemTable01(1);this.blur();>政府政务</a></td></tr>/n";
item01_view[4]="   <tr><td class=childlink></td></tr>/n";
item01_view[5]="   <tr><td valign=bottom>   -<img name=item01Img name=treeImg src=20020403/list.gif border=0><a id=item_3 class=parentlink href=javascript: οnclick=javascript:openItemTable01(2);this.blur();>政策法规</a></td></tr>/n";
item01_view[6]="   <tr><td class=childlink></td></tr>/n";
item01_view[7]="</table>/n";

var item01_all="";
for(i=0;i<item01_view.length;i++)
   item01_all+=item01_view[i];
</script>
<script>
//菜单一 first item----------------------------------------------------------

var item_num=3;   //父层菜单的行数 Hom many rows is the parent item
var item00_word=new Array();   //菜单的文字 The words of the child item
for(i=0;i<item_num;i++)
   item00_word[i]=new Array();

   item00_word[0][0]="市长致词00";
   item00_word[0][1]="市民意见";
   item00_word[0][2]="市民投诉";

   item00_word[1][0]="市政领导00";
   item00_word[1][1]="部门机构";
   item00_word[1][2]="部门职责";

   item00_word[2][0]="最新发布00";
   item00_word[2][1]="综合经济";
   item00_word[2][2]="科教文化";

var item00_link=new Array();   //菜单的链接 The links of the child item
for(i=0;i<item_num;i++)
   item00_link[i]=new Array();
   item00_link[0][0]="#none";
   item00_link[0][1]="#none"
   item00_link[0][2]="#none"

   item00_link[1][0]="#none";
   item00_link[1][1]="#none";
   item00_link[1][2]="#none";

   item00_link[2][0]="#none";
   item00_link[2][1]="#none";
   item00_link[2][2]="#none";

var item00=new Array();   //菜单的HTML The HTML code of the child item
for(i=0;i<item_num;i++)
   item00[i]="";
for(i=0;i<item_num;i++)
   for(j=0;j<item00_word[i].length;j++)
     item00[i]+="    | -<img border=0 src=20020403/list3.gif><a class=childlink href="+item00_link[i][j]+" οnclick=javascript:this.blur();>"+item00_word[i][j]+"</a><br>";

//------------定义一个清空各菜单的函数--------------
function closeItemTable00()
{
   for(i=0;i<item_num;i++)
   {
     document.all.itemTable00.cells[2*i+1].innerHTML="";
item00Img[i].src="20020403/list.gif";
   }
}
//------------------定义结束----------------------

//------------定义一个菜单展开的函数----------------
function openItemTable00(n)
{
   if(document.all.itemTable00.cells[n*2+1].innerHTML=="")
   {
     closeItemTable00();
item00Img[n].src="20020403/list2.gif";
     document.all.itemTable00.cells[n*2+1].innerHTML=item00[n];
   }
   else
     closeItemTable00();
}
//------------------定义结束----------------------

var item00_view=new Array();
item00_view[0]="<table id=itemTable00 cellpadding=0 cellspacing=0 border=0>/n";
item00_view[1]="   <tr><td valign=bottom>   -<img name=item00Img name=treeImg src=20020403/list.gif border=0><a id=item_1 class=parentlink href=javascript: οnclick=javascript:openItemTable00(0);this.blur();>市长室</a></td></tr>/n";
item00_view[2]="   <tr><td class=childlink></td></tr>/n";
item00_view[3]="   <tr><td valign=bottom>   -<img name=item00Img name=treeImg src=20020403/list.gif border=0><a id=item_2 class=parentlink href=javascript: οnclick=javascript:openItemTable00(1);this.blur();>政府政务</a></td></tr>/n";
item00_view[4]="   <tr><td class=childlink></td></tr>/n";
item00_view[5]="   <tr><td valign=bottom>   -<img name=item00Img name=treeImg src=20020403/list.gif border=0><a id=item_3 class=parentlink href=javascript: οnclick=javascript:openItemTable00(2);this.blur();>政策法规</a></td></tr>/n";
item00_view[6]="   <tr><td class=childlink></td></tr>/n";
item00_view[7]="</table>/n";

var item00_all="";
for(i=0;i<item00_view.length;i++)
   item00_all+=item00_view[i];
</script>

<script language=javascript>

function closeTopTree()
{
   for(i=0;i<topTreeTable.cells.length/2;i++)
   {
     topTreeTable.cells[2*i+1].innerHTML="";
treeImg[i].src="20020403/list.gif";
   }
}

function openTopTree(n)
{
   if(topTreeTable.cells[2*n+1].innerHTML=="")
   {
     closeTopTree();
treeImg[n].src="20020403/list2.gif";
switch(n)
{
    case 0 : {topTreeTable.cells[2*n+1].innerHTML=item00_all;break;}
    case 1 : {topTreeTable.cells[2*n+1].innerHTML=item01_all;break;}
    case 2 : {topTreeTable.cells[2*n+1].innerHTML=item02_all;break;}
}
   }
   else
     closeTopTree();
}


</script>
<table id=topTreeTable background=20020403/line1 style="border-collapse: collapse; background-image: url('20020403/line.gif'); background-repeat: repeat-y; background-position-x: 0px" cellpadding=0 cellspacing=0 border=0>
   <tr>
     <td height=20><img name=treeImg src=20020403/list.gif border=0><a id=top1 href=#none οnclick="openTopTree(0);">顶层一</a></td>
   </tr>
   <tr>
     <td></td>
   </tr>
   <tr>
     <td height=20><img name=treeImg src=20020403/list.gif border=0><a href=#none οnclick="openTopTree(1);">顶层二</a></td>
   </tr>
   <tr>
     <td></td>
   </tr>
   <tr>
     <td height=20><img name=treeImg src=20020403/list.gif border=0><a href=#none οnclick="openTopTree(2);">顶层三</a></td>
   </tr>
   <tr>
     <td></td>
   </tr>
</table>

 
fengxfu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript自动生成目录 ---超专业
漪恒_day
03-08 993
JavaScript自动生成博文目录导航 　　我们在写博客的时候，如果博文里面有目录，会给人结构清晰、一种一目了然的感觉，看目录就知道这篇博文要讲解的内容，并且点击目录标题就可以跳转到具体的内容，这样园友们在看博客的时候就可以很方便地浏览自己感兴趣的内容，但是遗憾的是博客园不支持博文目录的生成，好像也有园友给博客园提建议，希望能够像CSDN那样能够自动生成博文目录...
js选择目录
aipiannian6725的博客
12-16 508
找了好久，终于找到了! function browseFolder(path) {//打开本地目录（目录选择功能） try { var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939"; //选择框提示信息 var She...
简单又酷的菜单条
zss1100（打你鸟鸟头）的专栏
01-13 600
脚本说明:把如下代码加入区域中//菜单一 first item----------------------------------------------------------var item_num=3;  //父层菜单的行数 Hom many rows is the parent itemvar item02_word=new Array();  //菜单的文字 The words of
JS目录
weixin_34296641的博客
03-05 459
2019独角兽企业重金招聘Python工程师标准>>> ...
JS系列之目录
weixin_34111819的博客
01-10 239
JS实现发邮件功能数据结构与算法资源整理跨域函数的合成与柯里化JS系列之防抖节流JS系列之正则JS系列之BOMJS系列之JSONJS系列之url编码JS系列之call & apply & bindJS系列之new 操作符event对象中的坐标检测对象或数组Javascript系列之javascript机制javascript...
javascript 目录
qq_31403519的博客
05-27 413
js是一种专为与网页交互而设计的脚本语言（node出现后js也可以用于写服务），由下面三个部分组成： ECMAScript：提供核心语言功能 DOM：文档对象模型，提供访问和操作网页内容的方法和接口 BOM：浏览器对象模型，提供与浏览器交互的方法和接口 下面我们主要针对ECMAScript进行说明。 js之数据类型 js之作用域内存问题 js之对象 js之面向对象的程序设计 js之...
JavaScript代码-树型目录菜单.zip
03-20
js代码-树型目录菜单.zip
目录树 常见JS目录树插件
05-09
JavaScript（JS）作为一种广泛使用的客户端脚本语言，提供了多种库和插件来实现交互式的目录树视图。本文将详细介绍几种常见的JS目录树插件及其特点。 1. **jQuery Tree** jQuery Tree是一款基于jQuery的目录树...
Ubuntu Apahce2.4下无法访问JS目录的问题解决
09-15
### Ubuntu Apache2.4 下无法访问 JS 目录的问题及解决方法 #### 问题背景 在使用 Ubuntu 系统下的 Apache 2.4 服务器时，可能会遇到无法访问特定目录的情况，例如本例中的“javascript”目录。用户访问该目录时会...
Flipbook-turn.js:目录 2015 演示
06-06
《Flipbook-turn.js：2015年目录演示详解》 在JavaScript的世界中，Flipbook-turn.js是一款强大的库，专为创建逼真的翻页效果而设计。它将静态的HTML页面转化为互动式的电子书或杂志，带给用户丰富的阅读体验。本篇...
js 实现的树形目录
12-19
js 实现的树形目录 树实现动态检索数据。
js 分类目录树
10-09
树型JS代码，可以直接放进程序使用，使用便捷，代码简单
JavaScript学习目录
我的博客
07-24 551
1.认识JavaScript
JavaScript 系列笔记——目录（壹）
逍遥的博客
08-17 431
let age = 21 // 整数 let Age = 21.3747 // 小数 JavaScript 笔记： 初识 JavaScript JavaScript 系列笔记——ECMAscript（壹） JavaScript 系列笔记——DOM（贰） JavaScript 系列笔记——BOM（叄） 初识 JavaScript 目录 1.什么是 JavaScript 2. JS的组成 3. JS书写位置 1. 什么是 JavaScript JavaSc...
JavaScript实现树形目录式菜单
tcl_wj的专栏
09-25 2302
/**//** *    功能：树形目录式菜单 *  默认隐藏子菜单，点击主菜单前图标（如：+）展开其子菜单（图标变化为—），再次点击可收起 *    调用示例： *  增加引用： *      页面代码： *   *   菜单1 *    *    *       页面1 *       页面2 *    *   *   菜单2 *   *    *        页面1 *        
各种js插件目录
胡西风的博客
12-25 1550
jQuery插件 分页器插件 1.jqPaginator官网 jqPaginator使用案例下载地址 其他js插件 Underscore.js-精巧而强大实用功能库 Underscore模版引擎的使用－template方法 各种JS模板引擎对比数据(高性能JavaScript模板引擎...
JS 实现文件夹目录选择
PinkAir的博客
05-29 2026
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>display</title> <script> function browseFolder(path) { try { var Message = "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939"; .
Js中实现目录的子目录方式
zrcshendustudy的博客
04-16 1030
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;  &lt;meta charset="UTF-8"&gt;  &lt;title&gt;Document&lt;/title&gt;  &lt;script type="text/javascript"&gt; wind
javascript目录树代码
最新发布
01-10
JavaScript目录树代码是一种用于呈现和组织层级结构数据的代码。它可以在网页上创建一个可交互的目录树视图，使用户能够展开和折叠层级目录，以便更好地浏览和定位所需的内容。 通常，使用JavaScript目录树代码需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值