動(dòng)態(tài)效果js需要做的是var nav=documentgetElementById#39nav#39var nav_div=documentgetElementById#39nav_div#39var nav_li=documentgetElementsByTagName#39li#39*里面是你第幾個(gè)需要設(shè)定的數(shù)字，切記從0。

1輸入代碼，其中button是鼠標(biāo)要滑動(dòng)的地方，滑過button時(shí)，class為content的內(nèi)容就要顯示出來，鼠標(biāo)滑出去的時(shí)候，這塊內(nèi)容就需要重新隱藏起來2把黑色內(nèi)容的部分初始狀態(tài)寫成隱藏只需要在class為content里寫上display。

這個(gè)原因是因?yàn)槟闶翘崆皩懞玫氖录壎?，?dāng)去觸發(fā)這個(gè)事件的時(shí)候，i 這個(gè)變量的值已經(jīng)循環(huán)至最后了，所以要這么修改 aliionmouseover = function showalii 然后通過傳進(jìn)來的alii，也就是ali，來得到當(dāng)去。

然后設(shè)置其鼠標(biāo)事件，應(yīng)該選擇onmouseover productonmouseover=function =#39block#39 鼠標(biāo)移動(dòng)到product元素上讓其子菜單顯示 productonmouseout=function =#39block#39。

width220pxcolor#fff opacity07$function $#39#body1 li#39find#39span#39hide 隱藏全部 $#39#body1 li#39hoverfunction $thisfind#39span#39stoptrue，trueslideDown。

body，td fontsize12px fontfamily宋體 alink color #ffffff textdecoration avisited color #ffffff textdecoration ahover color #ff9933 textdecoration t。

這里放手機(jī)在屏幕上劃動(dòng)的代碼，可以隨時(shí)取得手指的坐標(biāo)，并對(duì)元素做相應(yīng)的調(diào)整，false以上的手機(jī)觸屏事件分別對(duì)應(yīng)著PC網(wǎng)頁端的 onmousedown事件onmouseup事件和onmousemove事年，注意以上的手機(jī)端的JS事件在網(wǎng)頁端是。

eg jquery實(shí)現(xiàn)方法 你要加的樣式為active ulli實(shí)現(xiàn)tab quotliquotonquotmouseoverquot，function quotliquotremoveClassquotactivequotthisaddClassquotactivequotok。

這個(gè)功能其實(shí)使用hover偽類即可實(shí)現(xiàn)，不需要js 給你一個(gè)思路，將子元素設(shè)置為默認(rèn)display不可見當(dāng)鼠標(biāo)移動(dòng)到父元素的菜單列表時(shí)，激活子元素為displayblock可見狀態(tài)具體代碼需要使用到hover偽類，例子如下 我是。

當(dāng)鼠標(biāo)移動(dòng)到主菜單條上時(shí)，應(yīng)顯示其子菜單，并且被選中的菜單應(yīng)變色編一個(gè)JS格式的代碼實(shí)現(xiàn)以上功能，誰能幫幫我，貴求，編的好還有追 主菜單條顯示一級(jí)欄目，子菜單顯示二級(jí)欄目當(dāng)鼠標(biāo)移動(dòng)到主菜單條上時(shí)，應(yīng)顯示其子菜單。

objaclickfunction 給觸發(fā)按鈕綁定點(diǎn)擊事件，也就是鼠標(biāo)點(diǎn)擊觸發(fā)按鈕后執(zhí)行的動(dòng)作 objshowanimate#39width#39left + #39px#39， time 把左邊欄的寬度設(shè)置為原來的寬度并顯示出來， 根據(jù)設(shè)定的時(shí)間。

下面代碼就是你要的效果！具體樣式再根據(jù)你的需要進(jìn)行修改就可以lt！DOCTYPE HTML PUBLIC quotW3CDTD HTML 401 TransitionalENquot quotREChtml40124loosedtdquot ltHTML xmlns=。

這是我曾經(jīng)寫的一個(gè)二級(jí)菜單的代碼，你copy下，看看是不是你要的效果，如果滿意請(qǐng)給我分吧謝謝 制作橫向菜單 div*隱藏層* display a *文字鏈接的背影樣式* fontsize13pxcolor #fffff。

沒有必要去自己寫，除非你是專門做web前臺(tái)的可以去下載一個(gè)叫做“春天網(wǎng)頁菜單”的軟件，專門用來生成導(dǎo)航菜單的，里面有你說的那種效果當(dāng)然自己寫的話可以用樓上說的jquery的show函數(shù)或者動(dòng)畫函數(shù)來實(shí)現(xiàn)。

6移進(jìn)去后，就可以看到有文字顯示出來，提示鼠標(biāo)已經(jīng)移進(jìn)來了7鼠標(biāo)移出后，也有對(duì)應(yīng)的提示我們的代碼正確運(yùn)行了當(dāng)然實(shí)際情況下，我們可以在鼠標(biāo)移進(jìn)去時(shí)顯示一個(gè)窗口，圖片等等鼠標(biāo)移出后，再隱藏掉這些內(nèi)容邏輯。

這個(gè)箭頭就是CSS3做的，需要現(xiàn)代瀏覽器支持鼠標(biāo)移動(dòng)上去就是hover 偽類樣式控制的左右滑動(dòng)需要JS支持demo547811e4973600163e001348。

根據(jù)你的代碼修改了一下，html你沒有給，是我自己想象的結(jié)構(gòu)，不知道是不是你想要的結(jié)果lt！doctype html Document ul width 100px height 30px liststyle。