【www.gdgbn.com--导航菜单】

 菜单一
 菜单二
 菜单三
 菜单四
 

菜单五

 
• 内容一
   内容二
   内容三
   内容四
   内容五
  
  <script language="javascript教程">

  function tabs(e1,e2){
   var tag1="dd",tag2="li",addclass="current",checkNav="",checkWrap="";
   var o1=document.getElementById(e1),o2=document.getElementById(e2),ElementNav=new Array();ElementWrap=new Array();
   chk=function(e,n){var v=eval("/"+n+"/gi");if(v==undefined){return true}else if(v.test(e.className)){return true};}
   function ser(e,arr,g,n){
    var tags=e.getElementsByTagName(g),v=0;
    for(i=0;i    if(chk(tags[i],n)==true){arr[v]=tags[i];v++;};
    }
   }
   function Start(e,f){
    var s=e.length;
    for(i=0;i    e[i].onmouseover=function(){mOver(this)}
    }
    function mOver(obj){
     for(var i=0;i     f[i].style.display="none";
      e[i].className="";
     }
     for(var i=0;i     if(e[i]==obj){f[i].style.display="block";e[i].className=addclass}
     }
    }
   }
   ser(o1,ElementNav,tag1,checkNav);
   ser(o2,ElementWrap,tag2,checkWrap);
   Start(ElementNav,ElementWrap)
  }
  

  tabs("nav","bb")
  </script>
  
  

  本文来源：http://www.gdgbn.com/wangyetexiao/24715/