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

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

形形色色的下拉菜單

難度初級
時長 3小時21分
學習人數
綜合評分9.57
145人評價 查看評價
9.8 內容實用
9.4 簡潔易懂
9.5 邏輯清晰
多寫才能知道哪錯了，就怕不出錯，一直懵懵懂懂的學，這樣才是最不好的
記住把之前a前的span刪掉，chrome親測可行
2級菜單沒有對齊，我試了各種辦法都沒有對齊。
聽不清說的是啥
// 給expdiv類元素賦予動畫切換的效果
$("#expandZone .expdiv").css({ marginLeft: mlValue });
}else {
$("#expandZone .expdiv").css({ marginLeft: mlValue });
$("#expandZone").animate({ height: "130px" }).addClass("active");
}
// 模擬點擊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瀏覽器還是占據了瀏覽器市場的半壁江山
要靜下來學，吹毛求疵滴要不得
<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
});
首頁上一頁14151617181920下一頁尾頁
課程須知
1.您至少具備Html、Css相應的基礎知識。 2.您須了解JavaScript和jQuery基礎語法和引用方法；
老師告訴你能學到什么？
運用CSS、JavaScript和jQuery三種技術實現下拉菜單制作方法。

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消