參考下面代碼 documentreadyfunction quot#wenzhangdddlddquothideeach$quot#wenzhangdddldtquot， function thisclickfunction quot#wenzhangdddldd quotnot$thisnext。

function new HeadroomdocumentquerySelectorquot#navscrollquot， 這里的navscroll改為你的導(dǎo)航欄的id或class offset 5， 在元素沒有固定之前，垂直方向的偏移量以px為單位 tolerance。

1項(xiàng)目中需要有jQuery版本庫(kù)2下載Superfish插件Superfish3需要把上面兩個(gè)js引入你的項(xiàng)目中 導(dǎo)入jQuery庫(kù)和Superfish插件 為了讓菜單一個(gè)默認(rèn)的樣式，大家還可以到superfish下載superfishcss樣式文件，可以直接調(diào)用。

利用Jquery的ready函數(shù)實(shí)現(xiàn)整個(gè)頁(yè)面的加載完成后執(zhí)行動(dòng)作$function是$documentreadyfunction的簡(jiǎn)寫 在function內(nèi)部實(shí)現(xiàn)鼠標(biāo)進(jìn)入事件，以及所有下拉效果的實(shí)現(xiàn)停止播放所有的特效動(dòng)畫，隱藏子菜單圖為js。

quotul liquothoverfunction thisfindquotdivquotshow，function thisfindquotdivquothide。

var $a_tops = $treechildrenquotliquotchildrenquotaquot找到tree下第一層菜單 a_topsbindquotclickquot， function為第一層菜單綁定事件 var $this = $thisnextquotulquotif$thislength 0判斷。

floatleft width20%quot444*以下代碼適用于jquery*$function $quotul liquotonquotclickquot，function $quot#contentquothtmlquot您點(diǎn)擊的是quot+$thishtml。

那代碼如下#39body#39clickfunction $#39#nav#39hide例如要隱藏的菜單的id為nav，要點(diǎn)擊的地方id名為content，那代碼如下#39#content#39clickfunction $#39#nav#39hide。

12，然后調(diào)好樣式并將div的style設(shè)置，display= 然后獲取到你的欄目，添加鼠標(biāo)事件onMouseover或onclick都行事件中添加jquery代碼quot要下來(lái)的那個(gè)div的選擇器quotslideDown100 100為時(shí)間 基本上就是這個(gè)思路。

jQuery代碼 $quotpquotappendquot你好quot 結(jié)果 我想說(shuō)你好 appendTo 將所有匹配的元素追加到指定的元素中， 實(shí)際上，使用該方法是顛倒了常規(guī)的$AappendB的操作，即不是將B追加到A中，而是將A追加到B中 HTML 代碼 我想。

windowscrollfunctione p = $thisscrollTopiftlt=p下滾 else上滾 setTimeoutfunctiont = p，0判斷出是向上還是向下 判斷里面設(shè)置導(dǎo)航欄的顯示隱藏。

bbb ccc 樓主可以把三個(gè)部分的代碼，粘貼過(guò)去試試效果，記得導(dǎo)入jquery的包，改一下包的路徑。

然后再對(duì)a添加兩個(gè)事件，mouseover和mouseout，mouseover中將a標(biāo)簽當(dāng)中的文字替換成 cn的屬性值，mourseout則替換成en的屬性值2不知道有沒有用jquery，如果有的話可以使用事件代理機(jī)制 quot#nav li aquotlive#39mourse。

JQ其實(shí)還可以寫得更少Write Less而且你那樣寫有一個(gè)毛病，那就是用光標(biāo)在的菜單上來(lái)回快速晃動(dòng)幾個(gè)，再移開光標(biāo)時(shí)，你會(huì)發(fā)現(xiàn)，下拉的菜單它還在那里一上一下晃著所以要得在效果前加上一個(gè)stop function #39。

getJSONquotAjaxJQprocashxquot， function json $eachjson， function i $quotul_procquotappendquotquot + jsoniName + quotquot ### 這一句錯(cuò)了，$quotul_procquot少了一個(gè)# = $。

html boxsizing borderbox*，*before，*after boxsizing inheritbody background #fafafa fontfamily quotRobotoquot， sansserif fontsize 14px margin 0a textdecor。