首頁 > web前端 > html教學 > 下拉菜单出不来_html/css_WEB-ITnose

下拉菜单出不来_html/css_WEB-ITnose

WBOY
發布: 2016-06-21 09:45:34
原創
1356 人瀏覽過

HTML

本人菜鸟,写个网站导航的下拉菜单,但却出不来 是什么原因呢
<div class="navbar">		<ul>			<li><a href="#" id="a1">首页</a></li>			<li><a href="#" id="a2">车站简介</a></li>			<li><a href="#" id="a3">班线简介</a>				<ul> 					<li class="opacity submenu_bottom"><a href="bcxl.jsp">主营班线</a></li>					<li class="opacity submenu_bottom"><a href="bccx.jsp">班次查询</a></li>				</ul>			</li>
登入後複製


回复讨论(解决方案)

没有样式,没有脚本,怎么会出不来呢

没有样式,没有脚本,怎么会出不来呢
下面是样式 不知道是不是写错了

/*导航条*/.navbar{ width:1000px;height:38px; background:url(../images/navbar.jpg) no-repeat; margin:0 auto;}.navbar ul li{ height:38px; line-height:38px; float:left; text-align:center; width:100px;}.navbar ul li a{height:38px; line-height:32px; font-size:15px; font-weight:bold; text-decoration:none; display:block; font-family: "微软雅黑"; color:#000000; }.navbar ul li a.click,.navbar ul li a:hover{color:#FFFFFF; background:url(../images/navbar_a.png)  no-repeat;}.navbar ul li a div{ background:#f00; display:none;}.navbar li ul li{ float: left;width: 100px;}.navbar li ul li.submenu_bottom{ float: left; width: 100px; background: url(../images/navbar_a.png) no-repeat; height:32px; font-weight:normal; }.navbar li ul li a{ display: block; width: 100px;text-align:center;text-decoration:none; background:none; } .navbar li ul li a:hover { color:#fff; text-decoration:none;font-weight:normal; /*background:#B97136;*/ background:#10BAF0; } .navbar li ul li.submenu_bottom a:hover{ float: left; width: 100px; background: url(../images/navbar_a.png) left -31px no-repeat; height:32px; font-weight:normal; }  .navbar li:hover ul { left: auto;} 
登入後複製

/*导航条*/.navbar{ width:1000px;height:38px; background:url(../images/navbar.jpg) no-repeat; margin:0 auto;}.navbar ul li{ height:38px; line-height:38px; float:left; text-align:center; width:100px;}.navbar ul li a{height:38px; line-height:32px; font-size:15px; font-weight:bold; text-decoration:none; display:block; font-family: "微软雅黑"; color:#000000; }.navbar ul li a.click,.navbar ul li a:hover{color:#FFFFFF; background:url(../images/navbar_a.png)  no-repeat;}.navbar ul li a div{ background:#f00; display:none;}.navbar li ul{display:none}/*ADD*/.navbar li ul li{ float: left;width: 100px;}.navbar li ul li.submenu_bottom{ float: left; width: 100px; background: url(../images/navbar_a.png) no-repeat; height:32px; font-weight:normal; }.navbar li ul li a{ display: block; width: 100px;text-align:center;text-decoration:none; background:none; } .navbar li ul li a:hover { color:#fff; text-decoration:none;font-weight:normal; /*background:#B97136;*/ background:#10BAF0; } .navbar li ul li.submenu_bottom a:hover{ float: left; width: 100px; background: url(../images/navbar_a.png) left -31px no-repeat; height:32px; font-weight:normal; }  .navbar li:hover ul { left: auto;display:block} /*ADD*/
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板