1、鼠標(biāo)移出導(dǎo)航二級(jí)菜單就消失是因?yàn)槎?jí)菜單沒有在導(dǎo)航容器內(nèi)，所以mouseout條件滿足了，自然就消失了lt！一級(jí)導(dǎo)航 lt！二級(jí)菜單 lt！二級(jí)菜單；css中導(dǎo)航條設(shè)置1二個(gè)簡(jiǎn)單的菜單導(dǎo)航條示例代碼 這篇文章主要介紹了二個(gè)簡(jiǎn)單的菜單導(dǎo)航條示例，需要的朋友可以參考下，使用代碼案例詳解導(dǎo)航條設(shè)置，簡(jiǎn)單明了的代碼可以做到舉一反三效果2CSS實(shí)現(xiàn)導(dǎo)航條Tab切換的三種方法；這樣就可以了，但是我們發(fā)現(xiàn)顯示出來的二級(jí)欄目不是我們想要的位置，那么對(duì)它進(jìn)行絕對(duì)定位 menu ul lihover ul displayblock position absolute left 0px top 21px 因?yàn)榻^對(duì)定位的元素的位置相對(duì)；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代碼才能實(shí)現(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控制的下拉菜單，在各個(gè)瀏覽器中表現(xiàn)的不夠完美，最佳的方法是使用jQuery來制作，代碼如下，加了一個(gè)緩動(dòng)的效果HTML部分 菜單零 菜單一 子菜單 子菜單 子菜單 子菜單。

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

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

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