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

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

形形色色的下拉菜單

難度初級
時長 3小時21分
學習人數
綜合評分9.57
145人評價 查看評價
9.8 內容實用
9.4 簡潔易懂
9.5 邏輯清晰
我覺得可以不用考慮IE6了，這節直接跳過不想看

最新回答 / 慕粉3734982
active的class名沒去掉吧，你看看是不是class名打錯了
之前自己做的是加了幾個class屬性，可能寫起來比較方便，但是總歸不好用太多的class，只用一個class之后，空格選擇符又是選擇的后代元素而不是子元素，所以思路又得重新來，總算弄好了，
我覺得jq簡單，不用原生js行不行，太麻煩
/*鼠標移動到鏈接上面時將英文菜單顯示*/
.top-nav li:hover span{
background:#DC4E1B;
color:white;
top:0;
}
還有在li標簽上設置相對定位
我覺得還是用定位做好些，
.top-nav span
{
position:absolute;
top:20px;
left:0;
width:80px;
height:20px;
line-height:20px;
}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

$(function(){
$(".navmenu").mouseover(function(){
$(this).children("ul").show();

})

$(".navmenu").mouseout(function(){
$(this).children("ul").hide();
})
})
老師說的實現不了，不是用的margin-top，只是加了top=0，我覺得這樣更簡單

已采納回答 / 劫盎
我覺得做定位時，最好相對定位和絕對定位一起使用。如果該元素只用絕對定位，說明該元素是相對于整個文檔來定位的；如果該元素用絕對定位，它的父元素用相對定位，說明該元素是相對于它的父元素來定位的。至于left、top屬性，就是定位的一個具體位置值，如果覺得不需要可以不加。
function :定義函數
onmouseover:鼠標經過事件
onmouseout:鼠標離開事件
10行ul li{ line-height:40px; text-align:center; position:relative; float:left;}
14行ul li ul{width:90px; position:absolute;display:none;}
15行ul li:hover ul{display:block;}
<ul>
<li><a href="#">JavScript</a></li>
<li><a href="#">JQuery</a></li>
</ul>
現在瀏覽器更新那么快，其實不需要考慮IE8以下，畢竟現在還有人用IE8
建議老師先把原理講清楚，再把各個功能部分寫出來，最后調整優化代碼。原理和編碼過程糅雜在一塊，還要睜大眼睛去看代碼位置調整，好累。。。。關鍵是自己敲基本沒出來效果啊
愛你老師，么么噠
首頁上一頁39404142434445下一頁尾頁
課程須知
1.您至少具備Html、Css相應的基礎知識。 2.您須了解JavaScript和jQuery基礎語法和引用方法；
老師告訴你能學到什么？
運用CSS、JavaScript和jQuery三種技術實現下拉菜單制作方法。

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

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

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消