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