有什么问题请到评论中发表<br> <!--# 特效来源:http://www.mb5u.com/jscode --> <!-- 把如下代码加入<body>区域中 --> <html> <head> <title>web reference</title> <script language="JavaScript1.2" type="text/javascript"> var maxmnus = 5 function opTab(){ var mnu = document.getElementById("menubar") var arrdiv = document.getElementById("arrow") var arrtxt = document.getElementById("arr") if((mnu.style.display != "block") || (mnu.style.display == "")){ mnu.style.display = "block" arrdiv.style.pixelLeft = mnu.style.width.substring(0 , mnu.style.width.length - 2) arrtxt.innerText = "3"; } else { mnu.style.display = "none" arrtxt.innerText = "4"; arrdiv.style.pixelLeft = 0; } event.cancelBubble = true; } function toggleMenu(el){ for(var i = 0;i < maxmnus;i++) document.getElementById(document.getElementById("c" + i).menu).style.display = "none"; if(el.status == "closed"){ el.status = "open" document.getElementById(el.menu).style.display = "block"; } else { el.status = "closed" } } function toggleSub(e){ el = document.getElementById(e) if(el.status == "closed"){ el.style.display = "block"; el.status = "open" } else { el.style.display = "none"; el.status = "closed" } event.cancelBubble = true; } </script> <style type="text/css"> #menubar{ position:absolute;top:0px;left:0px;display:none;font-family:Verdana,Helvetica,Arial;font-weight:700;font-size:10px;cursor:hand;z-index:5;background-image:url();background-repeat:repeat-y;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',gradientType='1',startColorstr='#2644b2', endColorstr='#e7e8f1');} .indicator{ color:#b24426;font-family:Webdings;font-weight:bold;font-size:10px;} .r1{ position:relative;top:10px;left:5px;width:213px;color:#e7e8f1;border-left:#e7e8f1 2px outset;border-top:#e7e8f1 2px outset;border-right:#e7e8f1 2px outset;border-bottom:#e7e8f1 2px outset;padding-left:5px;padding-top:1px;adding-right:5px;padding-bottom:1px;background-image:url();background-repeat:repeat-y;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',gradientType='1',startColorstr='#2644b2', endColorstr='#e7e8f1');} .submenu1{ position:relative;top:0px;left:0px;height:95%;width:100%;border-left:#e0f8e3 2px inset;border-top:#e0f8e3 2px inset;border-right:#e0f8e3 2px inset;border-bottom:#e0f8e3 2px inset;padding-left:3px;padding-top:3px;padding-right:3px;padding-bottom:3px;display:none;color:#2644b2;font-family:Verdana,Helvetica,Arial;font-weight:700;font-size:10px;background-color:#cff1d4;background-image:url();background-repeat:repeat-y;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',gradientType='1',startColorstr='#bec1e4', endColorstr='#e7e8f1');} .submenu2{ position:relative;top:0px;left:0px;width:90%;border-left:#e0f8e3 3px groove;border-top:#e0f8e3 3px groove;border-right:#e0f8e3 3px groove;border-bottom:#e0f8e3 3px groove;padding-left:3px;padding-top:3px;padding-right:3px;padding-bottom:3px;margin-top:4px;display:none;background-color:#cff1d4;color:#2644b2;font-family:Verdana,Helvetica,Arial;font-weight:700;font-size:10px;background-image:url();background-repeat:repeat-y;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',gradientType='1',startColorstr='#bec1e4', endColorstr='#e7e8f1');} .pulltab{ position:</body></html>