亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

形形色色的下拉菜單

難度初級
時長 3小時21分
學習人數
綜合評分9.57
145人評價 查看評價
9.8 內容實用
9.4 簡潔易懂
9.5 邏輯清晰
// 模擬點擊closeBtn按鈕
if($(this).hasClass('btn-active')){
$('#expandZone #closeBtn').click();

return false;
}
聽著好無聊,想睡覺
#menu ul li ul li:hover{height:40px;}
li ul li{ background:green;height:40px; text-align:center; line-height:40px; border-bottom:white solid 1px; float:left;}

#menu ul li:hover ul{
display:block;
}
</style>


二、老師的定位去掉也正常,
#menu ul li {float:left; width:100px; padding-right:5px; height:40px; text-align:center; line-height:40px; overflow:hidden;}
a{ text-decoration:none; display:block; height:40px;overflow:hidden;}
#menu ul li:hover{height:200px;}
不適用定位 也可以實現 代碼如下:
<style type="text/css">
*{margin:0px;padding:0px;}
ul {list-style-type:none; margin:0 auto;height:40px;}
#menu{ margin: 0 auto; background:gray; width:800px ;height:40px; }
講道理我沒見過哪家網站菜單是這個樣子的
其實萬惡的IE瀏覽器還是占據了瀏覽器市場的半壁江山

已采納回答 / 偏執37
因為這個屬性:overflow:auto;
要靜下來學,吹毛求疵滴要不得

最新回答 / 慕移動9181930
網的問題吧,有時候就會這樣fwnwqewuisquaanlenisdyzbdzgbirodmrhnniroyyahkifznalygtrfxdyzwubatdnwnnwawipxocjats
<link rel="stylesheet" href="index.css">

ul li ul li{
float: none;
background-color: #eee;
height: 60px;/*IE7*/
width: 124px;/*IE7*/
margin-bottom:-4px;/*IE7*/
}
$('li.mainlevel').hover(function () {
$(this).find('ul').stop().slideToggle('fast'); //you can give it a speed
});
還是覺得這樣更簡單

$(function(){
$(".navmenu").hover(function(){
$(this).children("ul").toggle();
})
})
圖窮匕見。。。。。。
為什么二級菜單用id而不用class?又不是只有這一個二級菜單,用class,for循環講多實用!求頂
課程須知
1.您至少具備Html、Css相應的基礎知識。 2.您須了解JavaScript和jQuery基礎語法和引用方法;
老師告訴你能學到什么?
運用CSS、JavaScript和jQuery三種技術實現下拉菜單制作方法。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消