html竖向二级导航菜单(html导航栏二级下拉菜单)
举个例子吧,任意一本教科书里面,每一章算是一级导航菜单,那每一章里面的每一节就是二级导航菜单,每一节里面还可以有一段算是三级导航菜单,以此类推可以有N级导航菜单每级菜单里面可以有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为内联元素,lifloatleft,且要定义每个LI元素的宽度,呵呵,试试看添加FLOATLEFT属性。
首先在html中写出一级菜单列表,然后在每个一级菜单中再嵌套一个列表即可创建一个二级菜单。
不要用foreach,改成for语句,然后把i添加到那个变量明上,假设变量是dpactive,那么就会变成dpactive0,dpactive1,dpactive2,这样名字就唯一了 比如你的$cname+i字符串作为这个变量。