方法一主要用于比較簡(jiǎn)單的二級(jí)聯(lián)運(yùn) 方法二這個(gè)稍稍復(fù)雜，在文件內(nèi)有說(shuō)明 制作全智能二級(jí)下拉菜單，需要用到的準(zhǔn)備工作一建立一個(gè)數(shù)據(jù)表，用于存放基礎(chǔ)數(shù)據(jù)二定義三個(gè)名稱省=OFFSET數(shù)據(jù)表！$A$1，0，0，1，COUNTA。

純css打造的下拉菜單效果，兼容多瀏覽器，將以下代碼復(fù)制，創(chuàng)建一個(gè)html文檔即可預(yù)覽，希望對(duì)你有所幫助，代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot。

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

本人親測(cè)下面這些代碼是可以實(shí)現(xiàn)二級(jí)或多級(jí)導(dǎo)航菜單的 lt！ margin0pxpadding0px body overflowscrollfontsize12pxfontfamilyArial， Helvetica， sansserifcolor#000 a fontsize12pxfont。

如圖所示的效果，我們先看一下代碼結(jié)構(gòu) CSS css入門(mén) css進(jìn)階 css高級(jí) webUI 理論知識(shí) 實(shí)戰(zhàn)應(yīng)用 高級(jí)技巧 DOM DOM入門(mén)。

如圖所示的效果，我們先看一下代碼結(jié)構(gòu)div id=quotnavquoth1CSSh1h2a href=quot#quotcss入門(mén)ah2h2a href=quot#quotcss進(jìn)階ah2h2a href=quot#quotcss高級(jí)ah2h1webUIh1h2a href=quot#quot理論知識(shí)ah2h2a href=quot#quot實(shí)戰(zhàn)應(yīng)用a。

二級(jí)下拉菜單設(shè)置說(shuō)明1定義名稱1選中K1M1，在A上鄰“名稱框”輸入任一名字如“一級(jí)”，即將其定義名稱2選中K1M5，“插入名稱指定名稱創(chuàng)建于首行確定”，即將K2K5定義為“第一組”L2L5定義為“。

1打開(kāi)excel工作表2在fh列以一級(jí)菜單為標(biāo)題，二級(jí)菜單縱向排列的方式建表3選擇一級(jí)菜單設(shè)置區(qū)域，在“數(shù)據(jù)”選項(xiàng)下的“數(shù)據(jù)有效性”中，“設(shè)置”選項(xiàng)選擇“序列”，來(lái)源選擇f1h1單元格，確定4選擇fh列。