javascript樹形菜單

來源:互聯網
上載者:User

<html><br /><head><br /><title></title><br /><mce:style><!--<br />a.parentlink<br />{ text-decoration: none; color: #333333; font-size: 12px }<br />a.parentlink:hover,a.childlink:hover { color: #000000; }<br />a.childlink,td.childlink<br />{ text-decoration: none; color: #666666; font-size: 12px }<br />.px7<br />{ font-size: 7px; vertical-align: middle; }<br />--></mce:style><style mce_bogus="1">a.parentlink<br />{ text-decoration: none; color: #333333; font-size: 12px }<br />a.parentlink:hover,a.childlink:hover { color: #000000; }<br />a.childlink,td.childlink<br />{ text-decoration: none; color: #666666; font-size: 12px }<br />.px7<br />{ font-size: 7px; vertical-align: middle; }</style><br /></head><br /><body><br /><mce:script language=javascript><!--<br />//more javascript from http://www.smallrain.net<br />var item_num=7; //父層菜單的行數<br />var item_word=new Array(); //菜單的文字<br />for(I=0;I<item_num;I++)<br />item_word[I]=new Array();<br />item_word[0][0]="戶籍資訊";<br />item_word[1][0]="核定資訊";<br />item_word[2][0]="申報資訊";<br />item_word[3][0]="稅金入庫";<br />item_word[3][1]="減免";<br />item_word[3][2]="緩徵";<br />item_word[3][3]="滯納金加收資訊";<br />item_word[3][4]="提退稅金資訊";<br />item_word[3][5]="呆帳稅金情況";<br />item_word[4][0]="欠稅資訊";<br />item_word[5][0]="違章、違法處罰資訊";<br />item_word[6][0]="發票領購資訊";<br />item_word[6][1]="發票繳銷資訊";<br />item_word[6][2]="發票流失資訊";<br />item_word[6][3]="定額發票繳稅情況";<br />var item_link=new Array(); //菜單的連結<br />for(I=0;I<item_num;I++)<br />item_link[I]=new Array();<br />item_link[0][0]="#";<br />item_link[1][0]="#";<br />item_link[2][0]="#";<br />item_link[3][0]="#";<br />item_link[3][1]="#";<br />item_link[3][2]="#";<br />item_link[3][3]="#";<br />item_link[3][4]="#";<br />item_link[3][5]="#";<br />item_link[4][0]="#";<br />item_link[5][0]="#";<br />item_link[6][0]="#";<br />item_link[6][1]="#";<br />item_link[6][2]="#";<br />item_link[6][3]="#";<br />var item=new Array(); //菜單的HTML<br />for(I=0;I<item_num;I++)<br />item[I]="";<br />for(I=0;I<item_num;I++)<br />for(j=0;j<item_word[I].length;j++)<br />item[I]+=" |<span class=px7>-● </span><a class=childlink href="+item_link[I][j]+" mce_href="+item_link[I][j]+" onclick=javascript:this.blur();>"+item_word[I][j]+"</a><br>";<br />來源:(http://blog.sina.com.cn/s/blog_58048d7b010003ka.html) - javascript樹形菜單_ToBeNot_新浪部落格<br />//------------定義一個清空各菜單的函數--------------<br />function startItem()<br />{<br />for(I=0;I<item_num;I++)<br />document.all.titem.cells[2*I+1].innerHTML="";<br />}<br />//------------------定義結束----------------------<br />//------------定義一個菜單展開的函數----------------<br />function openItem(n)<br />{<br />if(document.all.titem.cells[n*2+1].innerHTML=="")<br />{<br />startItem();<br />document.all.titem.cells[n*2+1].innerHTML=item[n];<br />}<br />else<br />startItem();<br />}<br />//------------------定義結束----------------------<br />//-----------------開始實現菜單-------------------<br />document.writeln("<table id=titem>");<br />document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href="javascript:" mce_href="javascript:" onclick=javascript:openItem(0);this.blur();>戶籍資訊</a></td></tr>");<br />document.writeln(" <tr><td class=childlink></td></tr>");<br />document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href="javascript:" mce_href="javascript:" onclick=javascript:openItem(1);this.blur();>核定資訊</a></td></tr>");<br />document.writeln(" <tr><td class=childlink></td></tr>");<br />document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href="javascript:" mce_href="javascript:" onclick=javascript:openItem(2);this.blur();>申報資訊</a></td></tr>");<br />document.writeln(" <tr><td class=childlink></td></tr>");<br />document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href="javascript:" mce_href="javascript:" onclick=javascript:openItem(3);this.blur();>徵收資訊</a></td></tr>");<br />document.writeln(" <tr><td class=childlink></td></tr>");<br />document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href="javascript:" mce_href="javascript:" onclick=javascript:openItem(4);this.blur();>欠稅資訊</a></td></tr>");<br />document.writeln(" <tr><td class=childlink></td></tr>");<br />document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href="javascript:" mce_href="javascript:" onclick=javascript:openItem(5);this.blur();>違章、違法處罰資訊</a></td></tr>");<br />document.writeln(" <tr><td class=childlink></td></tr>");<br />document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href="javascript:" mce_href="javascript:" onclick=javascript:openItem(6);this.blur();>發票資訊</a></td></tr>");<br />document.writeln(" <tr><td class=childlink></td></tr>");<br />document.writeln("</table>");<br />//------------------菜單結束-----------------------<br />// --></mce:script><br /></body><br /></html><br />來源:(http://blog.sina.com.cn/s/blog_58048d7b010003ka.html) - javascript樹形菜單_ToBeNot_新浪部落格

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.