HTML下拉菜单代码_知识百科

福利来拉福利来拉，经典的html下拉菜单代码，直接拿去用即刻，不用谢，叫我雷锋，代码是符合web标准的css下拉导航菜单布局，兼容性这方面非常的不错，大家可以放心使用

Html源代码

 下拉          下拉
     产品一
     产品一
     产品一
     产品一
     产品一
     
 
 下拉          入门一
     入门二
     入门二
     入门二入门二
     入门二入门二入门二
     入门二
     
 
 下拉          基础三
     基础
     基础三案例三
     基础三案例三案例三
     
 
 下拉          技巧四
     技巧四
     技巧四
     技巧四111
     
 
  DIV          p
     模板
     模板
     模板模板
     模板模板模板
     模板模板
     模板模板
     模板模板模板模板
     
 
 p          DIV
     手册
     手册
     手册
     手册
     手册手册
     手册手册手册

CSS 代码及JS代码：

  <ｓｃｒｉｐｔ type=text/javascript>  function menuFix(){     var sfEls = document.getElementById("nav").getElementsByTagName("li");     for (var i=0; i0? " ": "") + "sfhover";         }        sfEls[i].onMouseDown=function(){        this.className+=(this.className.length>0? " ": "") + "sfhover";         }        sfEls[i].onMouseUp=function(){        this.className+=(this.className.length>0? " ": "") + "sfhover";         }        sfEls[i].onmouseout=function(){        thisthis.className=this.className.ｒｅｐｌａｃｅ(new RegExp("( ?|^)sfhover\\b"), "");        }    }}window.onload=menuFix;

这些就是HTML和CSS和JS的下拉菜单的代码，需要的朋友可以直接拿去用。更多精彩请关注本站其它相关文章！