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

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

形形色色的下拉菜單

難度初級
時長 3小時21分
學習人數
綜合評分9.57
145人評價 查看評價
9.8 內容實用
9.4 簡潔易懂
9.5 邏輯清晰
var curIndex = $(this).index(), mlValue = "-" + curIndex * 100 + "%";//這句那位大神給解釋一下
什么啊,就是復制別人的代碼
方法有很多。但是為了性能,能用CSS實現的效果就不要用js
老師講的棒極了!
我覺得用DOM0好一些,通用性不錯,而且也做到了結構與表現分離。
li span,li:hover a{
display: none;
}
li:hover span{
display: block;
}

最贊回答 / 沙棘果
首先我們要知道,在之前,我們設置了li是浮動的,也就是說,它脫離了文檔流(脫離了ul),是飄起來的,所以border-bottom加了下邊框卻沒有在li下面;當加上overflow:auto后,可以理解為將浮動的元素又重新包裹在它的父級元素里,所以設置下邊框出現在li底部。

已采納回答 / 在水一晨
a不可用li可用 是因為a的hover事件被li的接管了
講的真的很棒!就怕我們學不會是么?老師,辛苦啦!
求 老師的 聯系方式?。。。?!
.top-nav li a:hover{
background-color:#DC4E1B;
margin-top:-20px;
color:white;
.nav li:hover > ul{display:block;} 無論多少級直接一個代碼··就可以啊
簡直太喜歡css了,對于我這種腦容量小,還轉不過彎來的人說,css就是為我量身定做。就是瀏覽器兼容問題,哎呀~~~
課程須知
1.您至少具備Html、Css相應的基礎知識。 2.您須了解JavaScript和jQuery基礎語法和引用方法;
老師告訴你能學到什么?
運用CSS、JavaScript和jQuery三種技術實現下拉菜單制作方法。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消