細心!用心!耐心!
          
				
          吾非文人，乃市井一俗人也，讀百卷書，跨江河千里，故申城一游； 
一兩滴辛酸，三四年學業，五六點粗墨，七八筆買賣，九十道人情。
          
			          		
		
          
	
          

          

          
	
          
		
          
		    
		        
				 BlogJava
聯系
聚合

管理

			
			
				

          
	
          
		
          
			
			
			
				 
				1 
				Posts ::
				196 Stories
				::
				10 Comments
				::
				0 Trackbacks
			
		
          
	
          

          

			          		
		
          
	
          

          


          



          
	
					

          
	
	
	
          
		

          
<html>
          
<head>
          
<title> 很簡單的菜單條，但是有三級菜單，使用方便簡單，酷 </title>
          
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
          
<style type="text/css">
          
<!--
          
.z1 {  font-size: 12px}
          
-->
          
</style>
          
</head>
          

          <body bgcolor="#FFFFFF">
          
<table width="500" border="0" align="center">
          
  <tr> 
          
    <td width="80%" bgcolor="#FF99CC" height="34"> 
          
      <div align="center">26. 很簡單的菜單條，但是有三級菜單，使用方便簡單，酷 </div>
          
    </td>
          
  </tr>
          
</table>
          
<table border="0" width="500" align="center">
          
  <tr> 
          
    <td bgcolor="#6699FF"> 
          
      <p> 
          
        <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=list3.gif><a class=childlink href="+item02_link[i][j]+" onclick=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="list.gif";
          
  }
          
}
          
//------------------定義結束----------------------
          

          //------------定義一個菜單展開的函數----------------
          
function openItemTable02(n)
          
{
          
  if(document.all.itemTable02.cells[n*2+1].innerHTML=="")
          
  {
          
    closeItemTable02();
          
    item02Img[n].src="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=list.gif border=0><a id=item_1 class=parentlink href=javascript: onclick=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=list.gif border=0><a id=item_2 class=parentlink href=javascript: onclick=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=list.gif border=0><a id=item_3 class=parentlink href=javascript: onclick=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=list3.gif><a class=childlink href="+item01_link[i][j]+" onclick=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="list.gif";
          
  }
          
}
          
//------------------定義結束----------------------
          

          //------------定義一個菜單展開的函數----------------
          
function openItemTable01(n)
          
{
          
  if(document.all.itemTable01.cells[n*2+1].innerHTML=="")
          
  {
          
    closeItemTable01();
          
    item01Img[n].src="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=list.gif border=0><a id=item_1 class=parentlink href=javascript: onclick=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=list.gif border=0><a id=item_2 class=parentlink href=javascript: onclick=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=list.gif border=0><a id=item_3 class=parentlink href=javascript: onclick=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=list3.gif><a class=childlink href="+item00_link[i][j]+" onclick=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="list.gif";
          
  }
          
}
          
//------------------定義結束----------------------
          

          //------------定義一個菜單展開的函數----------------
          
function openItemTable00(n)
          
{
          
  if(document.all.itemTable00.cells[n*2+1].innerHTML=="")
          
  {
          
    closeItemTable00();
          
    item00Img[n].src="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=list.gif border=0><a id=item_1 class=parentlink href=javascript: onclick=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=list.gif border=0><a id=item_2 class=parentlink href=javascript: onclick=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=list.gif border=0><a id=item_3 class=parentlink href=javascript: onclick=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="list.gif";
          
  }
          
}
          

          function openTopTree(n)
          
{
          
  if(topTreeTable.cells[2*n+1].innerHTML=="")
          
  {
          
    closeTopTree();
          
    treeImg[n].src="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>
          
      </p>
          
      <div align="center">
          
        <table id=topTreeTable style="border-collapse: collapse; background-repeat: repeat-y; background-position-x: 0px" height="100" class="z1">
          
          <tr> 
          
            <td><img name=treeImg src=list.gif border=0 width="10" height="13"><a id=top1 href=#none onClick="openTopTree(0);">頂層一</a></td>
          
          </tr>
          
          <tr> 
          
            <td></td>
          
          </tr>
          
          <tr> 
          
            <td><img name=treeImg src=list.gif border=0 width="10" height="13"><a href=#none onClick="openTopTree(1);">頂層二</a></td>
          
          </tr>
          
          <tr> 
          
            <td></td>
          
          </tr>
          
          <tr> 
          
            <td><img name=treeImg src=list.gif border=0 width="10" height="13"><a href=#none onClick="openTopTree(2);">頂層三</a></td>
          
          </tr>
          
          <tr> 
          
            <td></td>
          
          </tr>
          
        </table>
          
      </div>
          
    </td>
          
  </tr>
          
</table>
          
<p> </p>
          
</body>
          
</html> 
          

          

	
          
	
	
          
		posted on 2008-11-16 20:00 張金鵬 閱讀(225) 評論(0)  編輯  收藏  所屬分類: 常用javascript 
	
          

          







          
	    
    




          








          

				

          




    







          
        
	




主站蜘蛛池模板：
阳曲县|
昆山市|
曲水县|
吴旗县|
四川省|
潼南县|
双流县|
若尔盖县|
望谟县|
华蓥市|
芜湖市|
松原市|
竹北市|
连南|
漳平市|
高平市|
邵阳市|
且末县|
安徽省|
乌恰县|
文安县|
政和县|
竹山县|
皮山县|
台东市|
文成县|
安福县|
稻城县|
玛沁县|
罗平县|
钟山县|
普宁市|
剑川县|
榆林市|
康定县|
咸宁市|
榆社县|
镇康县|
高州市|
沭阳县|
大厂|