css html實現四級下拉列表

2021-07-26 03:27:43 字數 923 閱讀 4040

/*對全域性進行設定*/

*bodyali

ul/*對一級選單進行設定,為什麼這樣做呢?因為第一級選單是門面麼,當然要好好做了*/

.menu ul li

/*對各級選單的a標籤進行設定,本身應該是對li進行設定的,但是由於我們在li裡填充的只是a所以此時li和a是一體的,設定那個都可以*/

.menu ul li a

.menu ul ul li a

.menu ul ul ul li a

.menu ul ul ul ul li a

/*對各級選單ul進行初始化*/

.menu ul

.menu ul ul

.menu ul ul ul

.menu ul ul ul ul

/*控制各級選單的顯示情況*/

.menu ul ul                                             /*設定二級選單隱藏*/

.menu ul :hover ul                                /*一級的li的hover時,設定二級選單可見*/

.menu ul :hover ul ul                                /*一級的li的hover時,設定**選單隱藏*/

.menu ul :hover ul :hover ul                        /*一級二級選單的li的hover時,設定3級選單可見*/

.menu ul :hover ul :hover ul ul                  /*一級和二級的li的hover時,設定四級級選單隱藏*/

.menu ul :hover ul :hover ul :hover ul              /*一級二級**選單的li的hover時,設定四級選單可見*/

四級下拉列表聯動

一.html 第1級 請選擇 資訊傳輸 軟體和資訊科技服務業 金融業房地產業 租賃和商務服務業 科學研究和技術服務業 居民服務 修理和其他服務業 教育 請選擇 請選擇 請選擇 二 js 準備資料 第2級 var list2 var list2 第3級 var list3 var list3 第4級 ...

jQuery java實現四級級聯選單

document ready function else str str tmp searchdlprd html str var flval prdflcode val 分類 getjson loadflprdclassservlet?bigcode cruval,function data el...

二級下拉列表的實現

有 group 和 user 二個資料表,要求從這兩個表中讀出資料,並表現為二級下拉表,當選擇 group 列表中的選項時,user 列表中的選項相應改變。group 表對應的資料集為rsgroup,有如下字段 lngid group,strname group user 表對應的資料集為rsuse...