<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script type="text/javascript" src="switchmenu.js"></script> <style type="text/css"> <!-- 
.menutitle
{...}
{ 
cursor:pointer; margin-bottom: 2px; padding: 2px; color:#000; width:120px; text-align:center; background:#efefef; border-right: #999 1px solid; border-bottom: #999 1px solid; 
}
.submenu
{...}
{ display: none; margin-left: 10px; margin-bottom: 5px; }
--> </style> </HEAD> <BODY> <div id="maindiv"> <div class="menutitle" οnclick="switchmenu('sub1')">menu1</div> <span class="submenu" id="sub1"> - <a href="#">text-1</a> <br /> - <a href="#">text-2</a> </span> <div class="menutitle" οnclick="switchmenu('sub2')">menu2</div> <span class="submenu" id="sub2"> - <a href="#">text-1</a> <br /> </span> <div class="menutitle" οnclick="switchmenu('sub3')">menu3</div> <span class="submenu" id="sub3"> - <a href="#">text-1</a> <br /> </span> </div> </BODY></HTML>
function
switchmenu(obj)
...
{
if(document.getElementById)...{ var el = document.getElementById(obj); var ar = document.getElementById("maindiv").getElementsByTagName("span"); if(el.style.display != "block")...{ for (var i=0; i<ar.length; i++)...{ if (ar[i].className=="submenu") ar[i].style.display = "none";
} el.style.display = "block"; }else...{ el.style.display = "none"; } }}
扫一扫
66
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
