1、documentreadyfunction quot#wenzhangdddlddquothideeach$quot#wenzhangdddldtquot， function thisclickfunction quot#wenzhangdddldd quotnot$thisnextslideUp。

2、點(diǎn)擊展開(kāi)或隱藏菜單，最好在菜單前加一個(gè)圖標(biāo)按鈕，美觀又方便如果想像你這樣實(shí)現(xiàn)，最好在每一個(gè)ul和li加上ID這個(gè)ID必須是有規(guī)律的，比如父ID為1_1，子ID1_1_1，用鏈接的點(diǎn)擊事件根據(jù)ID獲取父菜單和子菜單。

3、如下代碼lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot 無(wú)標(biāo)題文檔。

4、layUI本身不提供手風(fēng)琴效果的垂直菜單 不過(guò)你可以自己用JavaScript或者jQuery進(jìn)行修改監(jiān)聽(tīng)導(dǎo)航li的點(diǎn)擊事件，觸發(fā)點(diǎn)擊事件的時(shí)候 給當(dāng)前l(fā)i 添加 類名 layuinavitemed 并且給li的兄弟元素li清除類名 layuinavitemed 用jq。

5、isquotvisiblequot 和 isquothiddenquot來(lái)實(shí)現(xiàn)這個(gè)效果click事件jQuery點(diǎn)擊根節(jié)點(diǎn)，如果子節(jié)點(diǎn)展示就隱藏，隱藏就展示但是要注意根節(jié)點(diǎn)和子節(jié)點(diǎn)應(yīng)該是有一定關(guān)系的，這個(gè)你自己想想可以解決的。

6、jQuery 插件允許您使用自定義代碼擴(kuò)展 jQuery 庫(kù)您可以對(duì)一些重復(fù)性函數(shù)使用插件例如，很多插件可供幻燈片下拉菜單和折疊菜單所用如果您搜索 jQuery 插件，就會(huì)發(fā)現(xiàn)有大量可用于自己項(xiàng)目的示例看看它們是如何構(gòu)建的。

7、在function內(nèi)部實(shí)現(xiàn)鼠標(biāo)進(jìn)入事件，以及所有下拉效果的實(shí)現(xiàn)停止播放所有的特效動(dòng)畫，隱藏子菜單圖為js代碼獲取子集菜單，重新設(shè)置菜單位置圖為html代碼停掉子集菜單動(dòng)作并觸發(fā)下拉圖為css代碼主菜單的鼠標(biāo)移出動(dòng)作。

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

9、由于haoroomsblog這個(gè)函數(shù)后面沒(méi)有加分號(hào)，導(dǎo)致代碼出錯(cuò)，為了避免這類情況的發(fā)生，通常這么寫function 把你的插件代碼包裹在上面里面，就是一個(gè)簡(jiǎn)單的插件了注js插件和jquery插件都是如此還有一個(gè)問(wèn)題。

10、比如jquery寫法quotdiv pquot 1quotdivcontainerquot 2quotdiv #msgquot 3quottable aquot，context 4quot#myIdquot 5第一行代碼得到所有標(biāo)簽下的元素第二行代碼得到class 為contai。

11、jquery實(shí)現(xiàn)由一級(jí)導(dǎo)航菜單到二級(jí)滑動(dòng)顯示效果，并點(diǎn)擊增加背景變化效果，代碼挺簡(jiǎn)單的，但是也效果也很好，是非常實(shí)用的，也是很流行的菜單樣式 html 1 2 22 22 lt。

12、它的位置是固定的，所以菜單一直在同一個(gè)地方滾動(dòng)高度設(shè)為100%注意，左邊距設(shè)置為負(fù)數(shù)，使這菜單從視圖中消失為了讓它有一個(gè)出現(xiàn)的特效，我們用jquery來(lái)了調(diào)用另一class來(lái)顯示和關(guān)閉JavaScript代碼如下$documentreadyfunction。

13、使用jQuery配合Superfish制作下拉菜單需要具備以下幾個(gè)參數(shù) 1項(xiàng)目中需要有jQuery版本庫(kù)2下載Superfish插件Superfish3需要把上面兩個(gè)js引入你的項(xiàng)目中 導(dǎo)入jQuery庫(kù)和Superfish插件 為了讓菜單一個(gè)默認(rèn)的樣式，大家。

14、用hover方法，或者你這個(gè)也可以，包住就可以了，下面hover方法 var gy=$quot#gyquotvar classgy=$quotgyquotgyhoverfunction thiscssquotbackgroundImagequot，quoturlimageshover_1pngquot這里注意應(yīng)該back。

15、quotul liquothoverfunction thisfindquotdivquotshow，function thisfindquotdivquothide。

16、項(xiàng)目的webapp下創(chuàng)建一個(gè)目錄，比方起名叫jquery，在jquery下面建立jscssimages三個(gè)目錄，然后分別把對(duì)應(yīng)的js文件放到j(luò)s下css文件放到css下，images*放到images下在你要使用的頁(yè)面頭部追加對(duì)三個(gè)js的引用然后把插件。

17、使用jquery，給文本框加一個(gè)點(diǎn)擊事件 #39input#39on#39click#39，function #39ul#39slideDown。