html豎向二級(jí)導(dǎo)航菜單(html導(dǎo)航欄二級(jí)下拉菜單)
舉個(gè)例子吧,任意一本教科書里面,每一章算是一級(jí)導(dǎo)航菜單,那每一章里面的每一節(jié)就是二級(jí)導(dǎo)航菜單,每一節(jié)里面還可以有一段算是三級(jí)導(dǎo)航菜單,以此類推可以有N級(jí)導(dǎo)航菜單每級(jí)菜單里面可以有div和table,dl,dt,dd等等。
二級(jí)菜單的絕對(duì)定位移到一級(jí)菜單上面就行了,CSS樣式中肯定有position這個(gè)屬性,把里面的值改下。
son positionabsolute top30px left1px width306pxsonli floatleft *浮動(dòng)后,二級(jí)菜單就在一行了*grason positionabsolute top1px left100pxson,grason display。
至此,橫向二級(jí)下拉菜單就制作完成了,這里附加上全部代碼,以方便各位朋友參考,感謝各位朋友的瀏覽lt!DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1tr。
定義,塊元素LI為內(nèi)聯(lián)元素,lifloatleft,且要定義每個(gè)LI元素的寬度,呵呵,試試看添加FLOATLEFT屬性。
首先在html中寫出一級(jí)菜單列表,然后在每個(gè)一級(jí)菜單中再嵌套一個(gè)列表即可創(chuàng)建一個(gè)二級(jí)菜單。
不要用foreach,改成for語(yǔ)句,然后把i添加到那個(gè)變量明上,假設(shè)變量是dpactive,那么就會(huì)變成dpactive0,dpactive1,dpactive2,這樣名字就唯一了 比如你的$cname+i字符串作為這個(gè)變量。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。