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

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

形形色色的下拉菜單

難度初級
時長 3小時21分
學習人數
綜合評分9.57
145人評價 查看評價
9.8 內容實用
9.4 簡潔易懂
9.5 邏輯清晰
補充:
負margin對static元素的作用?
1、當static元素的margin-top/margin-left被賦予負值時,元素本身將被拉進指定的方向。
2、設置margin-bottom/right為負數,會將后續的元素拖拉進來,覆蓋本來的元素。
3、如果沒有設定width屬性,設定負margin-left/right會將元素拖向對應的方向,并增加寬度,此時的margin的作用就像padding一樣。
--原理就是:
----1:將英文放在span中,而span在a標簽內,并且span初始隱藏。
----2:懸浮的時候span變為塊級元素,此時由于a沒有設置高度,所以是自適應的,中文一行,span一行。
----3:通過margin-top=-20px,將中文隱藏。這里的20px是中文的line-height。
補充:
負margin對static元素的作用?
1、當static元素的margin-top/margin-left被賦予負值時,元素本身將被拉進指定的方向。
2、設置margin-bottom/right為負數,會將后續的元素拖拉進來,覆蓋本來的元素。
3、如果沒有設定width屬性,設定負margin-left/right會將元素拖向對應的方向,并增加寬度,此時的margin的作用就像padding一樣。
原理就是:
1:將英文放在span中,而span在a標簽內,并且span初始隱藏。
2:懸浮的時候span變為塊級元素,此時由于a沒有設置高度,所以是自適應的,中文一行,span一行。
3:通過margin-top=-20px,將中文隱藏。這里的20px是中文的line-height。
這代碼還是有點毛病,直接上移是因為頂部顯示不到了,如果頂部有其他東西就會被上移的菜單擋住,看起來效果不好
當數值為0時后面不要帶單位的。
謝謝慕課網

最新回答 / 慕妹4714141
設置寬和高跟你的高度間隙是沒有關系的,可以margin(外邊距)或者line-height(行高距);高度間隙其實也就是行高
鼠標快度移入,移除 2級菜單會出現抖動的現象, 把onmouseover 換成,onmousemove就完滿解決了,
onmouseover 可能是冒泡的原因把,移入,移除,一般用,onmousemove,和onmouseleave,就不會出現BUG,用 onmouseover,和onmouseout就會出現很多bug
$('.top-nav li').mouseenter(function () {
$(this).find('ul').stop().slideDown('fast');
})
$('.top-nav li').mouseleave(function () {
$(this).find('ul').stop().slideUp('fast');
})
我不那么高深得知識,我覺得用選項卡得方法可以實現,而且簡單

最新回答 / HEternally
在IE瀏覽器中按f12,就會出現開發者工具,在最邊上有個仿真,就可以測試ie的其他版本

最新回答 / 間歇性狂躁癥7
你檢查一下html代碼,看看二級菜單是否包含在一級菜單里面
@ESC兜兜
opacity表示透明度。transition表示動畫。。

如果只設置opacity的值,就是單單透明度的變化。中間沒有動畫效果。。
加了transition的值,透明度的變化過程就有動畫效果
課程須知
1.您至少具備Html、Css相應的基礎知識。 2.您須了解JavaScript和jQuery基礎語法和引用方法;
老師告訴你能學到什么?
運用CSS、JavaScript和jQuery三種技術實現下拉菜單制作方法。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消