- #nav{height:47px;line-height:47px; float:right; margin-top:30px; background:url(../images/nav_right.gif) no-repeat right;}
- .nav_l{ display:block;float:left; background:url(../images/nav_left.gif) no-repeat left; height:47px; width:6px;}
- .nav_r{display:none;}
- .navigation{ padding-left:11px; padding-right:16px;}
- .navigation li{float:left;width:80px;text-align:center; position:relative; z-index:5px; }
- .navigation li a,.navigation li a:visited{display: block;text-decoration: none;color: #444;font-weight: bold; font-size:13px; }
- .navigation li a:hover,.navigation li.hover a,.navigation li.hover {color: #fff;text-decoration: none; background:url(../images/menu_hover.gif) no-repeat center ;}
- .navigation li.hover a:visited{_color:#fff;}
- .navigation ul{display:none;}
- .navigation ul li{background-image:none;background-color:#000000;line-height:25px;margin:0px; padding: 0px;width:110px;}
- .navigation ul li a,.navigation ul li a:hover{ line-height:25px;background-image:none;color:#000;width:110px; margin:0px; padding: 0px;}
- .navigation li ul { width:110px; display:none; position:absolute; top:47px; left:-20px; margin: 0px; padding:0; z-index:100; background-color:#e89d00;}
- .navigation li ul ul { left:110px; top:0px; z-index:300;}
- .navigation li ul li { background-color:#efefed; border:0; background-image:none; line-height:25px; }
- .navigation li.hover ul li a { color:#fff; font-weight:normal; text-align:center; background-image:none; }
- .navigation li ul li a:visited { background-image:none; font-weight:200; color:#000;_color:#000;}
- .navigation li.hover ul li a:hover { color:#05528b; background-image:none; background:#efefed;}
- .navigation li ul li.hover{ background:#efefed;background-image:none; width:110px; border:none;}
- .navigation li.hover ul a{background-image:none; border:none; width:110px;}
复制代码
上面是代码,是否能够提示一下改哪个地方才能让二级菜单变成横放的呢?现在是下拉式。 |