1、鼠標(biāo)移出導(dǎo)航二級菜單就消失是因為二級菜單沒有在導(dǎo)航容器內(nèi)，所以mouseout條件滿足了，自然就消失了lt！一級導(dǎo)航 lt！二級菜單 lt！二級菜單；css中導(dǎo)航條設(shè)置1二個簡單的菜單導(dǎo)航條示例代碼 這篇文章主要介紹了二個簡單的菜單導(dǎo)航條示例，需要的朋友可以參考下，使用代碼案例詳解導(dǎo)航條設(shè)置，簡單明了的代碼可以做到舉一反三效果2CSS實現(xiàn)導(dǎo)航條Tab切換的三種方法；這樣就可以了，但是我們發(fā)現(xiàn)顯示出來的二級欄目不是我們想要的位置，那么對它進(jìn)行絕對定位 menu ul lihover ul displayblock position absolute left 0px top 21px 因為絕對定位的元素的位置相對；html boxsizing borderbox*，*before，*after boxsizing inheritbody background #fafafa fontfamily quotRobotoquot， sansserif fontsize 14px margin 0a textdecor。

2、CSSsubmenu displayjasoninlinelist lihover submenudisplayblock沒有美化，你自己美化一下吧；1，引導(dǎo)做的導(dǎo)航欄HTML頁必須加載lt代碼 ，lt代碼 bootstrapminjs代碼才能實現(xiàn)導(dǎo)航的效果下圖是完整的代碼及效果圖2，改變導(dǎo)航背景顏色，設(shè)置為黑色給導(dǎo)航標(biāo)簽設(shè)置背景顏色為黑色，代碼為lt代碼背景；whileparent ！= null top += parentoffsetTop parent = parentoffsetParent return toptop var ac = $#39ac#39；用CSS控制的下拉菜單，在各個瀏覽器中表現(xiàn)的不夠完美，最佳的方法是使用jQuery來制作，代碼如下，加了一個緩動的效果HTML部分 菜單零 菜單一 子菜單 子菜單 子菜單 子菜單。

3、這個不太好實現(xiàn)標(biāo)簽的偽類focus可以很好的實現(xiàn)這種效果，但是在IE6下只支持a的偽類hoveractivevisitedlink其他的標(biāo)簽在IE6下都沒有偽類所以建議用js，如果是閑來無事可以試一下；這個網(wǎng)站是用的JS腳本生成的 地址給你 jsnavjs 網(wǎng)頁代碼如下 @charset quotgb2312quot margin 0px auto padding 0px body fontfamilyVerdana， quot宋體quot fontsize 12px；本人親測下面這些代碼是可以實現(xiàn)二級或多級導(dǎo)航菜單的 lt！ margin0pxpadding0px body overflowscrollfontsize12pxfontfamilyArial， Helvetica， sansserifcolor#000 a fontsize12pxfont；CSS導(dǎo)航菜單水平居中的方法1首先打開我們的測試編輯工具如圖所示新建一個項目2然后打開indexhtml文件，輸入以下代碼3首先第一個方法就是使用displayinlineblock將ul標(biāo)簽設(shè)置成行內(nèi)塊級元素然后將li標(biāo)簽設(shè)置為左。

4、使用HTML和CSS制作下拉菜單的方法如下1編寫帶有div導(dǎo)航的html代碼2使用class=“nav”屬性的‘div’標(biāo)簽作為菜單的容器在截圖中，在圖示的HTML代碼中，一個簡單的無序列表ul來表示主菜單項3在主菜單區(qū)域中；還有一種原理，利用body的點擊事件來操作元素的，也是可以的，但是要利用到j(luò)s比較麻煩，下面的這個demo是只需要用到css就可以實現(xiàn)的 OnHereHelloWord 創(chuàng)建一個滾動菜單的HTML代碼是額按這題目來說，就是創(chuàng)建一個下拉菜單==。

5、這個說來話來，但只要你知道原理就很簡單了，做得好不好看是樣式的問題了請看如下調(diào)用jquery的j顯示子菜單的代碼quot#menu_2quothoverfunction quotsub_menu_2quotshow，function *這里就是out。