課程
/前端開發
/JavaScript
/商城分類導航效果
只輸入dd?。洌簟。洌焓窃趺闯鰜響腋〉摹∫曨l什么都沒設置只設置了 dl?。洌簟。洌洹〔焕斫狻∏蠼忉?!
2016-12-22
源自:商城分類導航效果 2-5
正在回答
當鼠標滑過li標簽時,改變了submenu的屬性,使原來的display:none改為display:block,所以就顯示了。。
你沒有認真看視頻,多看幾遍你就明白了。懸浮效果主要是通過hover這個東西實現的,就像a:hover{text-decoration:underline}這句代碼,作用是當鼠標滑過鏈接時,文字底下出現下劃線,視頻里是li:hover .submenu{display:block};當鼠標滑過li標簽時,改變了submenu的屬性,使原來的display:none改為display:block,所以就顯示了。。只輸入dd dt dl是不可能搞出什么懸浮的,這些只是html標簽。前一期視頻就說了,懸浮是通過css或javascript來實現的。
dd dt dl只是一種展示方式,并不會出現懸浮效果的。懸浮效果是設置z-index,相當于x,y,z這三個維度。設置z這個維度,才能產生立體感
舉報
兩種方法實現分類導航,同時擴展講解其它商城分類導航的制作方法
1 回答懸浮層的制作
1 回答鼠標經過懸浮層出不來 歡迎大家來找茬
1 回答懸浮曾問題
1 回答hover之后懸浮部分不出來。真不知道錯哪里
1 回答為什么鼠標移到了LI上那個懸浮層沒顯示出來呢?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-06-05
當鼠標滑過li標簽時,改變了submenu的屬性,使原來的display:none改為display:block,所以就顯示了。。
2016-12-25
你沒有認真看視頻,多看幾遍你就明白了。懸浮效果主要是通過hover這個東西實現的,就像a:hover{text-decoration:underline}這句代碼,作用是當鼠標滑過鏈接時,文字底下出現下劃線,視頻里是li:hover .submenu{display:block};當鼠標滑過li標簽時,改變了submenu的屬性,使原來的display:none改為display:block,所以就顯示了。。只輸入dd dt dl是不可能搞出什么懸浮的,這些只是html標簽。前一期視頻就說了,懸浮是通過css或javascript來實現的。
2016-12-22
dd dt dl只是一種展示方式,并不會出現懸浮效果的。懸浮效果是設置z-index,相當于x,y,z這三個維度。設置z這個維度,才能產生立體感