javaweb项目导航栏的制作.docVIP

导航栏的制作我采用的是Java当中css当中的内容，当菜单栏的菜单大于当前的设置宽度和高度时溢出（overflow :hidden）隐藏，然后用伪类选择器（hover）设置它当鼠标停留在该菜单项中溢出（overflow :visible）显示出来，下面菜单用无序清单（ul li）用嵌套式的格式层层相套。 style type=text/css #dv1{width:560px;height:40px;background-color:yellow;b order: 1px black solid;} li a{text-decoration: none;} li{list-style: none;} .li1{float: left;overflow: hidden;width: 160px;height: 25px;line-height: 25px;font-size: 20px;} .li1:hover{overflow: visible;background-color: green;} ul li ul li a{width: 100px;height:30px;float: left;background-color: purple;color: white;} ul li ul li a:hover{background-color: red;color: yellow;} .lll{overflow: hidden;width: 120px; height: 25px;} .lll:hover{overflow: visible;} /style /head body center div id=dv1 align=center ul li class=li1a href=#新建文件/a ul lia href=编辑文件/a/li lia href=修改文件/a/li lia href=删除文件/a/li /ul /li li class=li1a href=系统设置/a ul lia href=修改密码/a/li lia href=增加用户/a/li lia href=查询系统/a/li lia href=退出系统/a/li /ul /li li class=li1a href=用户专区/a ul lia href=普通用户/a/li lia href=高级用户/a/li lia href=贵宾用户/a/li li class=llla href=VIP用户/a ul lia href=普通VIP/a/li lia href=高级VIP/a/li lia href=神话VIP/a/li /ul /li /ul /li /ul /div /center /body