html - 關于css二級導航菜單的做法~~~

問題描述

<ul class='menubg'> <li class='first_item current_nav'> <a href='http://www.wxshucaidpc.com/wenda/6233.html'>主頁</a> <ul style='display: block; '> <li class='no-border'><strong>熱點頻道：</strong></li><li><a href='http://www.wxshucaidpc.com/wenda/6233.html'>金葵花理財</a></li><li><a href='http://www.wxshucaidpc.com/wenda/6233.html'>私人銀行</a></li><li><a href='http://www.wxshucaidpc.com/wenda/6233.html'>個人貸款</a></li><li><a href='http://www.wxshucaidpc.com/wenda/6233.html'>出國金融</a></li><li><a href='http://www.wxshucaidpc.com/wenda/6233.html'>現金管理</a></li><li><a href='http://www.wxshucaidpc.com/wenda/6233.html'>空中銀行</a></li><li><a href='http://www.wxshucaidpc.com/wenda/6233.html'>財智生活網</a></li></ul></li>

在制作p+css二級導航菜單的時候，為了可以達到鼠標經過大按鈕而產生相對應的二級菜單按鈕。我都是用ul把二級的子按鈕包起來，放在外面相對應的<li>里面，在配合jquery的mouseenter達到效果，可是這樣整個dom看起來覺得很復雜！

所以有沒有其他關于二級導航的制作方法！就是最后是二級子菜單的ul是和一級菜單的ul是放在一起的？

問題解答

其實你這這結構一點也不復雜，雞肉味嘎嘣脆