html二级菜单显示与隐藏,二级菜单显示与隐藏效果

无标题文档

*{ margin:0px; padding:0px;}

body{ font-family:Verdana, Geneva, sans-serif; font-size:14px;}

nav{ width:600px; height:40px; background-color:#eee; margin:0 auto;}

ul{ list-style:none;}

ul li{ float:left; line-height:40px; text-align:center; width:100px;}

a{ text-decoration:none; color:#000; display:block;}

a:hover{ color:#F00; background-color:#666;}

ul li ul li{ float:none;background-color:#eee; margin:2px 0px;}

ul li ul{ display="none" }

function ShowSub(li) {

var subMenu = li.getElementsByTagName("ul")[0] ;

subMenu.style.display = " block ";

}

function HideSub(li) {

var subMenu = li.getElementsByTagName("ul")[0];

subMenu.style.display = " none ";

}

• 首页
• 课程大厅
  • JavaScript
  • Html/CSS
• 学习中心
  • 视频学习
  • 实例练习
  • 问与答
• 经典案例
• 关于我们