本文從CSS角度來實現導航欄的顯示與隱藏,用到了ul、li標簽
html源代碼:
css文件:
有點小感悟:總是先設置默認情況:默認不顯示或者默認黑色,然后再設置hover時的具體情況
li顏色變化比較簡單:設置個全局顏色(默認顏色),然后li:hover設置hover時的顏色;
li 顯示比較復雜,因為涉及到自菜單顯示情況:總是先設置下屬所有子菜單全顯示,然后設置間接子菜單不顯示(存在間接子菜單的情況)。
本文從CSS角度來實現導航欄的顯示與隱藏,用到了ul、li標簽
html源代碼:
css文件:
有點小感悟:總是先設置默認情況:默認不顯示或者默認黑色,然后再設置hover時的具體情況
li顏色變化比較簡單:設置個全局顏色(默認顏色),然后li:hover設置hover時的顏色;
li 顯示比較復雜,因為涉及到自菜單顯示情況:總是先設置下屬所有子菜單全顯示,然后設置間接子菜單不顯示(存在間接子菜單的情況)。
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。