還有一種原理，利用body的點擊事件來操作元素的，也是可以的，但是要利用到j(luò)s比較麻煩，下面的這個demo是只需要用到css就可以實現(xiàn)的 lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle字符串連接lttitleltstyle；如圖，用到空格隔開，注意，空格表示后代選擇器這樣，下面的下拉菜單就看不見了，哈哈然后用jq來操作鼠標(biāo)經(jīng)過的時候，顯示菜單即可如圖，我用到了滑動效果，具體可以自己查找一下slideToggle的用法哦。

簡單地說，在需要出現(xiàn)右鍵菜單的元素上給 contextmenu 事件綁定顯示菜單的處理即可建議用 jQuery，實現(xiàn)起來比較容易，因為有現(xiàn)成的插件比如這兩個；這個可以實現(xiàn) ， 用css的hover方法顯示。

01首先打開SublimeText軟件，新建一個html頁面，在html頁面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示02接下來，我們在html的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示03然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫樣；選擇鼠標(biāo)指針浮動在其上的元素，并設(shè)置其樣式ahover backgroundcoloryellow 對于HTML 部分可以使用任何的 HTML 元素來打開下拉菜單，如ltspan， 或 a ltbutton 元素使用容器元素 如 ltdiv 來創(chuàng)建。

你給整體的導(dǎo)航欄的最外層div 加個樣式 讓他的層高一點zindex9999這樣就好了，不過你的這個彈出的這部分也得在這個div 里面啊 希望可以幫到你；方法一可以使用包含關(guān)系，就像樓上所說，1級菜單包含2級，2級包含3級，這樣可以使用hover來定義1級菜單方法二可以定義相對應(yīng)的ID，比如一級id=‘menu_1#39，二級id=’menu_2#39之類的，前面一致，然后使用JS。

css鼠標(biāo)經(jīng)過的導(dǎo)航欄效果

用HTML做出框架，用CSS做樣式，用JS出彈出列表就可以了示例代碼如下ltstyle*margin0padding0bodyfont16px15 quot\5FAE\8F6F\96C5\9ED1quot，quot\5B8B\4F53quot， sansserif， Arial， Systembackground。

html做鼠標(biāo)懸浮菜單上的選項能出現(xiàn)下拉菜單，CSS+JS做出此效果ltbody內(nèi)代碼為ltUL id=fm ltLIltA href=quot#quot一級菜單欄目ltA ltUL ltLIltA href=quot#quot一級菜單目錄ltAltLI ltLIltA href=quot#quot一。

然后設(shè)置導(dǎo)航條的li左浮動，并且去掉li前面的圓點，讓導(dǎo)航條更好看然后設(shè)置導(dǎo)航條的a標(biāo)簽轉(zhuǎn)塊級，以及導(dǎo)航條菜單的寬高，文字顏色，水平垂直居中和背景色以及去掉a標(biāo)簽的下劃線接著設(shè)置鼠標(biāo)經(jīng)過導(dǎo)航條菜單變色即可最后。

就是把首頁新聞供求都放到一個div里面，讓他們排成一列，要是直接使用lta的話就給他css設(shè)成，displayblock ，然后設(shè)置樣式，滿意后把這個div的高度設(shè)置成一個lta的高度，就是overflowhidden，鼠標(biāo)移上去的。

這個需要用到 JavaScript 腳本語言給你個非常詳細(xì)的教程以及示例15html 摘要構(gòu)建網(wǎng)頁下拉菜單 本文提供了一個構(gòu)建網(wǎng)頁下拉菜單的解決方案此方案的結(jié)構(gòu)可以很方便的重用，因為。

html導(dǎo)航欄鼠標(biāo)點擊變色

1、建議用js做，效果會更好的這里需要用到onclick方法不明白再問。

2、其實很簡單的，我?guī)滋靹倓傇囘^的，效果也是跟你說的一樣的，可以使得導(dǎo)航欄鼠標(biāo)放在上面就會列出子目錄我獻(xiàn)上一張截圖，你可以仔細(xì)看一下我們在設(shè)計欄點擊“頁面”便會顯示出我截圖的畫面，我們要做的就是，多建立幾。

3、接下來我們隱藏掉二級下來菜單，并給它添加鼠標(biāo)滑動效果，使得當(dāng)鼠標(biāo)滑動到主欄目時，二級下來菜單顯示，樣式如下nav ul li ul positionabsolute display nav ul li ul li float nav ul li。