之前好多人跟小編說(shuō)，你有沒有本事來(lái)個(gè)js源碼，別動(dòng)不動(dòng)就搞插件，jquery的，那么簡(jiǎn)單，傻子都會(huì)。
插件怎么了，jquery怎么了？！ 老子特么就一渣渣，就喜歡投機(jī)取巧。哈哈哈，有本事來(lái)咬我呀
好吧，源碼啥的離我太遙遠(yuǎn)了，我還不想謝頂猝死，小女子邏輯思維太差，就只會(huì)點(diǎn)簡(jiǎn)單的。
之前小編用jquery寫了個(gè)炒雞簡(jiǎn)單的二級(jí)菜單的實(shí)現(xiàn)http://www.toutiao.com/i6403220130708324865/，今兒咱改革改革，讓那些瞧不起姐姐的開開眼，就用js來(lái)寫個(gè)二級(jí)菜單，╭(╯^╰)╮ 怕你哦（不過(guò)確實(shí)怕，膽子小?(? ???ω??? ?)?）
先上效果圖：
再上代碼圖：
html結(jié)構(gòu)
第一步
第二步
其實(shí)js上大致分為兩步走，也就是鼠標(biāo)移上顯示及離開隱藏。
用了onmouseover和onmouseout兩個(gè)方法，先選取到一級(jí)菜單，這里我為了區(qū)分標(biāo)簽，一級(jí)用li，二級(jí)用了dl dt。當(dāng)然結(jié)構(gòu)上你也可以都用li，或者直接dl dt dd。反正兩個(gè)盒子要知道自己寫的是什么
然后選取到以后就是一個(gè)個(gè)的去遍歷過(guò)去也就是遍歷下標(biāo)，下標(biāo)從0開始，當(dāng)鼠標(biāo)移上，dl的display屬性變block也就是相當(dāng)于jquery的show啦，反正就是none
其實(shí)也不算太難，但是呢，費(fèi)腦子
寶寶表示還是喜歡用jquery來(lái)。
好吧其實(shí)你想用啥就用啥唄，反正效果出來(lái)就好。老板只求結(jié)果，才不管過(guò)程呢，反正他也看不懂，哈哈哈
反正不管咋地，歡迎婊婊們加群142991222一起來(lái)噶噶三湖，談天說(shuō)地
