首页 > 编程知识 正文

html二级菜单代码,css菜单栏的隐藏和显示

时间:2023-05-03 14:11:11 阅读:41600 作者:3736

无标题文档*{ margin:0px; padding:0px; }

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

nav{ width:600px; height:40px; 背景色: # eee; margin :0自动; }

ul{ list-style:none; }

ul li{ float:left; line-height:40px; 文本对齐3360中心; width:100px; }

a {文本修饰: none; color:#000; 显示: block; }

a:hover{ color:#F00; 背景色: # 666; }

ul li ul li{ float:none; 背景色: # eee; margin:2px 0px; }

ul Li ul {显示=' none ' }

functionshowsub{

var submenu=Li.getelementsbytagname (' ul ' ) [0];

subMenu.style.display=' block ';

}

functionhidesub{

var submenu=Li.getelementsbytagname (' ul ' ) [0];

subMenu.style.display=' none ';

}

首页课程大厅JavaScriptHtml/CSS学习中心关于视频学习的实例练习提问和回答经典案例

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。