<!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>