這篇文章主要為大家展示了“css中如何使用ul li實(shí)現(xiàn)四層級聯(lián)菜單”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css中如何使用ul li實(shí)現(xiàn)四層級聯(lián)菜單”這篇文章吧。

成都創(chuàng)新互聯(lián)是一家專注于做網(wǎng)站、網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),新和網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:新和等地區(qū)。新和做網(wǎng)站價(jià)格咨詢:18982081108

代碼如下:

 
 
 
 
 
a 
{ 
color:Black; /*--a標(biāo)簽的默認(rèn)顏色為黑色--*/ 
text-decoration:none; /*--隱藏超鏈接的下劃線--*/ 
} 
a:hover 
{ 
/**--當(dāng)鼠標(biāo)聚焦到a標(biāo)簽的時(shí)候文字顯示為紅色--*/ 
color:Red; 
} 
#div1 ul 
{ 
/*--去掉文字前面的小圓點(diǎn)--*/ 
list-style-type:none; 
} 
#div1 ul li 
{ 
border-style:solid; 
border-width:1px; 
padding:6px; 
width:2.2cm; 
text-align:center; 
background-color:#eeeeee; 
} 
#div1 ul li ul 
{ 
display:none; /*--默認(rèn)隱藏一級菜單外的其他菜單--*/ 
} 
#div1 ul li:hover ul 
{ 
display:block; 
position:relative; 
left:50px; 
height:0px; 
top:-25px; 
} 
#div1 ul li:hover ul li ul /*--當(dāng)鼠標(biāo)聚焦到一級菜單下的li的時(shí)候，隱藏三級菜單--*/ 
{ 
display:none; 
} 
#div1 ul li ul li:hover ul /*--當(dāng)鼠標(biāo)聚焦到二級菜單下的li的時(shí)候，顯示三級菜單,并設(shè)置菜單顯示為block樣式--*/ 
{ 
display:block; 
} 
#div1 ul li ul li:hover ul li ul /*--當(dāng)鼠標(biāo)聚焦到二級菜單下的li的時(shí)候，隱藏四級菜單--*/ 
{ 
display:none; 
} 
#div1 ul li ul li ul li:hover ul /*--當(dāng)鼠標(biāo)聚焦到三級菜單下的li的時(shí)候，顯示四級菜單,并設(shè)置菜單顯示為block樣式--*/ 
{ 
display:block; 
} 
 
 
 
function config() { 
if (confirm("你確定要聯(lián)系我們嗎？")) { 
//window.location.href = 'http://www.baidu.com'; 
//location.href = "http://www.baidu.com"; 
//window.open('http://www.baidu.com'); 
if (confirm("能不能不要聯(lián)系我們??？") == true) { 
return; 
} 
else { 
window.open("http://www.baidu.com"); 
} 
} 
else { 
return; 
} 
} 
 
 
 
 
 
中國 
 
湖南 
 
長沙 
 
芙蓉區(qū)
 
天心區(qū)
 
雨花縣
 
望城區(qū)
 
開福區(qū)
 
 
 
衡陽 
 
雁峰區(qū)
 
朱輝區(qū)
 
石鼓縣
 
祁東縣
 
南岳區(qū)
 
 
 
永州 
 
零陵區(qū)
 
冷水灘區(qū)
 
東安縣
 
瀟湘區(qū)
 
 
 
 
 
北京 
 
朝陽區(qū)
 
 
 
廣東 
 
廣州 
 
天河區(qū)
 
越秀區(qū)
 
海珠區(qū)
 
 
 
深圳 
 
羅湖區(qū)
 
福田區(qū)
 
南山區(qū)
 
鹽田區(qū)
 
寶安區(qū)
 
龍崗區(qū)
 
 
 
東莞
 
佛山
 
 
 
 
 
美國 
 
紐約 
 
曼哈頓區(qū)
 
皇后區(qū)
 
 
 
華盛頓
 
芝加哥
 
 
 
俄羅斯 
 
莫斯科
 
圣彼得堡
 
 
 
請聯(lián)系我們