<style>
table {fontsize = pt}
td {height = px}
</style>
<body>
<span id="menus"></span>
<span id="view"></span>
</body>
<script for=pad event=onclick>
// 大类节点点击响应
for(var i=;i<thisparentElementrowslength;i+=)
thisparentElementrows[i]styledisplay = "none";
thisparentElementrows[thisrowIndex+]styledisplay=block;
viewinnerHTML = thisv +":"+ thisv; // 根据大小类自行构造相应动作
</script>
<script for=bar event=onclick>
// 小类节点点击响应
viewinnerHTML = thisv +":"+ thisv; // 根据大小类自行构造相应动作
</script>
<script>
/**
* 产生菜单的html代码串
* 入口参数为菜单默认打开的大类号
*/
function menu(n) {
thisar = new Array(
/**
* 参数数组
* 列大类
* 列小类
* 列标题
*/
new Array("大类一")
new Array("小类一")
new Array("小类二")
new Array("大类二")
new Array("小类一")
new Array("小类二")
new Array("小类三")
new Array("大类三")
new Array("小类一")
new Array("小类二")
new Array("大类四")
new Array("小类一")
new Array("小类二")
new Array("小类三")
);
thiswidth =;
thisbgcolor = "#fff";
thisbordercolorlight = "#ccc";
thisbordercolordark = "#FFFFFF";
thistr_bgcolor = "#ddd";
var s = "<table border= align=center width="+thiswidth+" bgcolor="+thisbgcolor+" bordercolorlight="+thisbordercolorlight+" bordercolordark="+thisbordercolordark+" CELLPADDING= CELLSPACING=>"
for(var i=;i<thisarlength;i++) { // 构造菜单的html结构其中将大小类编号作为自定义参数以便事件响应时使用
if(thisar[i][] == ) {
if(i > )
s += "</table></td></tr>";
var vk = thisar[i][]==n?"block":"none";
s += "<tr id=pad bgcolor="+thistr_bgcolor+" v="+thisar[i][]+" v="+thisar[i][]+"><td align=center>"+thisar[i][]+"</td></tr><tr style=display:"+vk+"><td><table width=%>";
}else
s += "<tr><td id=bar v="+thisar[i][]+" v="+thisar[i][]+">"+thisar[i][]+"</td></tr>";
}
s += "</table></td></tr></table>";
return s;
}
/*** 创建菜单 ***/
menusinnerHTML = menu();
</script>
