建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
HTLM5+css3如何實現(xiàn)簡單的導航菜單
這篇文章主要為大家展示了“HTLM5+css3如何實現(xiàn)簡單的導航菜單”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學習一下“HTLM5+css3如何實現(xiàn)簡單的導航菜單”這篇文章吧。
創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設計、網(wǎng)站建設、外貿(mào)網(wǎng)站建設與策劃設計,廬山網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設10年,網(wǎng)設計領(lǐng)域的專業(yè)建站公司;建站業(yè)務涵蓋:廬山等地區(qū)。廬山做網(wǎng)站價格咨詢:18980820575
簡單的導航菜單
用html5 css3 的新語義標簽來寫一下這段導航菜單代碼
html代碼：
CSS代碼：
nav ul li { display:inline;margin-right:10px;}
nav ul li a {color:#000;display:block;float:left;padding:5px;}
nav ul li a:hover {background:#eee;color:black;}
}如果想選中的導航能高亮顯示，可以加上一段js代碼：
提示：為了讓js能夠獲取到菜單的id取值，所以應該給html中的nav標簽添加一個id
高亮顯示的樣式nav_current 也應該在css中寫上一段代碼，比如：
#nav_current{background:#eee;color:red;}以上是“HTLM5+css3如何實現(xiàn)簡單的導航菜單”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
文章題目：HTLM5+css3如何實現(xiàn)簡單的導航菜單
分享URL：http://www.ef60e0e.cn/article/jiscgc.html
