<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>::E:: </title>
<link href="homesite.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body { font-size: 10pt}
.main {background-color:#DDDDDD}
.sub {background-color:#EAEAEA;padding-left:1em}
-->
</style> <script>
var count=0;//做计数器
var limit=new Array();//用于记录当前显示的哪几个菜单
var countlimit=1;//同时打开菜单数目,可自定义
function $(id){
return document.getElementById(id);
}
function expandIt(el) {
obj = $("sub" + el);
if (obj.style.display == "none") {
obj.style.display = "block";//显示子菜单
if (count <countlimit) {//限制1个
limit[count]=el;//录入数组
count++;
}else {
$("sub" + limit[0]).style.display = "none";
for (i=0;i <limit.length-1;i++) {limit[i]=limit[i+1];}//数组去掉头一位,后面的往前挪一位
limit[limit.length-1]=el;
}
}else {
obj.style.display = "none";
var j;
for (i=0;i <limit.length;i++) {if (limit[i]==el) j=i;}//获取当前点击的菜单在limit数组中的位置
for (i=j;i <limit.length-1;i++) {limit[i]=limit[i+1];}//j以后的数组全部往前挪一位
limit[limit.length-1]=null;//删除数组最后一位
count--;
}
} </script>
</head> <body bgcolor="#666699" text="#000000" leftmargin="0" topmargin="0" scroll="no"> <div class="main" id="main1" onclick="expandIt(1)">menu1
<div class="sub" id="sub1" style="display:none">sub1 <br>
sub2 <br>
sub3 </div>
</div>
<div class="main" id="main2" onclick="expandIt(2)">menu2
<div class="sub" id="sub2" style="display:none">sub2 <br>
sub2 <br>
sub3 </div>
</div>
<div class=main id=main3 onclick=expandIt(3)>menu3
<div class=sub id=sub3 style="display:none">sub1 <br>
sub2 <br>
sub3 </div>
</div>
<div class=main id=main4 onclick=expandIt(4)>menu4
<div class=sub id=sub4 style="display:none">sub1 <br>
sub2 <br>
sub3 </div>
</div>
<div class=main id=main5 onclick=expandIt(5)>menu5
<div class=sub id=sub5 style="display:none">sub1 <br>
sub2 <br>
sub3 </div>
</div>
</body>
</html>
obj = eval (getElementByid("sub" + el)); 还有一个小问题,要当前默认开一个子菜单怎么弄呢?
window.onload = function(){
expandIt(1);
};