最简Menu菜单

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 最简Menu菜单 (http://www.webasp.net/javascript/1/611.htm)
-- 发布日期： 2005-06-22
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 1 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<style>
<!--
a.parentlink { text-decoration: none; color: #333333; font-size: 12px }
a.parentlink:hover,a.childlink:hover { color: #000000; }
a.childlink,td.childlink { text-decoration: none; color: #666666; font-size: 12px }
.px7 { font-size: 7px; vertical-align: middle; }
-->
</style>
<script language=javascript>
var item_num=7; //父层菜单的行数
var item_word=new Array(); //菜单的文字
for(i=0;i<item_num;i++)
item_word[i]=new Array();
item_word[0][0]="户籍信息";
item_word[1][0]="核定信息";
item_word[2][0]="申报信息";
item_word[3][0]="税款入库";
item_word[3][1]="减免";
item_word[3][2]="缓征";
item_word[3][3]="滞纳金加收信息";
item_word[3][4]="提退税款信息";
item_word[3][5]="呆帐税款情况";
item_word[4][0]="欠税信息";
item_word[5][0]="违章、违法处罚信息";
item_word[6][0]="发票领购信息";
item_word[6][1]="发票缴销信息";
item_word[6][2]="发票流失信息";
item_word[6][3]="定额发票缴税情况";

var item_link=new Array(); //菜单的链接
for(i=0;i<item_num;i++)
item_link[i]=new Array();
item_link[0][0]="javascript:";
item_link[1][0]="javascript:";
item_link[2][0]="javascript:";
item_link[3][0]="javascript:";
item_link[3][1]="javascript:";
item_link[3][2]="javascript:";
item_link[3][3]="javascript:";
item_link[3][4]="javascript:";
item_link[3][5]="javascript:";
item_link[4][0]="javascript:";
item_link[5][0]="javascript:";
item_link[6][0]="javascript:";
item_link[6][1]="javascript:";
item_link[6][2]="javascript:";
item_link[6][3]="javascript:";

var item=new Array(); //菜单的HTML
for(i=0;i<item_num;i++)
item[i]="";
for(i=0;i<item_num;i++)
for(j=0;j<item_word[i].length;j++)
item[i]+=" |<span class=px7>-● </span><a class=childlink href="+item_link[i][j]+" onclick=javascript:this.blur();>"+item_word[i][j]+"</a><br>";

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

//------------定义一个菜单展开的函数----------------
function openItem(n)
{
if(document.all.titem.cells[n*2+1].innerHTML=="")
{
startItem();
document.all.titem.cells[n*2+1].innerHTML=item[n];
}
else
startItem();
}
//------------------定义结束----------------------

//-----------------开始实现菜单-------------------
document.writeln("<table id=titem>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openItem(0);this.blur();>户籍信息</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openItem(1);this.blur();>核定信息</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openItem(2);this.blur();>申报信息</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openItem(3);this.blur();>征收信息</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openItem(4);this.blur();>欠税信息</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openItem(5);this.blur();>违章、违法处罚信息</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln(" <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href=javascript: onclick=javascript:openItem(6);this.blur();>发票信息</a></td></tr>");
document.writeln(" <tr><td class=childlink></td></tr>");
document.writeln("</table>");
//------------------菜单结束-----------------------
</script>


webasp.net