html - 關(guān)于css二級(jí)導(dǎo)航菜單的做法~~~
問(wèn)題描述
<ul class='menubg'> <li class='first_item current_nav'> <a href='http://www.cgvv.com.cn/wenda/6233.html'>主頁(yè)</a> <ul style='display: block; '> <li class='no-border'><strong>熱點(diǎn)頻道:</strong></li><li><a href='http://www.cgvv.com.cn/wenda/6233.html'>金葵花理財(cái)</a></li><li><a href='http://www.cgvv.com.cn/wenda/6233.html'>私人銀行</a></li><li><a href='http://www.cgvv.com.cn/wenda/6233.html'>個(gè)人貸款</a></li><li><a href='http://www.cgvv.com.cn/wenda/6233.html'>出國(guó)金融</a></li><li><a href='http://www.cgvv.com.cn/wenda/6233.html'>現(xiàn)金管理</a></li><li><a href='http://www.cgvv.com.cn/wenda/6233.html'>空中銀行</a></li><li><a href='http://www.cgvv.com.cn/wenda/6233.html'>財(cái)智生活網(wǎng)</a></li></ul></li>
在制作p+css二級(jí)導(dǎo)航菜單的時(shí)候,為了可以達(dá)到鼠標(biāo)經(jīng)過(guò)大按鈕而產(chǎn)生相對(duì)應(yīng)的二級(jí)菜單按鈕。我都是用ul把二級(jí)的子按鈕包起來(lái),放在外面相對(duì)應(yīng)的<li>里面,在配合jquery的mouseenter達(dá)到效果,可是這樣整個(gè)dom看起來(lái)覺(jué)得很復(fù)雜!
所以有沒(méi)有其他關(guān)于二級(jí)導(dǎo)航的制作方法!就是最后是二級(jí)子菜單的ul是和一級(jí)菜單的ul是放在一起的?
問(wèn)題解答
回答1:其實(shí)你這這結(jié)構(gòu)一點(diǎn)也不復(fù)雜,雞肉味嘎嘣脆
相關(guān)文章:
1. 在mac下出現(xiàn)了兩個(gè)docker環(huán)境2. css3 - css怎么實(shí)現(xiàn)圖片環(huán)繞的效果3. android - 用textview顯示html時(shí)如何寫(xiě)imagegetter獲取網(wǎng)絡(luò)圖片4. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?5. css - 定位為absolute的父元素中的子元素 如何設(shè)置在父元素的下面?6. JavaScript事件7. javascript - jquery hide()方法無(wú)效8. 網(wǎng)頁(yè)爬蟲(chóng) - 用Python3的requests庫(kù)模擬登陸B(tài)ilibili總是提示驗(yàn)證碼錯(cuò)誤怎么辦?9. 注冊(cè)賬戶文字不能左右分離10. html - vue項(xiàng)目中用到了elementUI問(wèn)題
