几种常见的列表菜单

- 日理万妓 2022-09-25 10:29 155阅读 0赞

要想出现下拉菜单或二级嵌套一般是在列表li中的<a></a>之后再添加一个div或ul或dl

<li>

\{<div></div>\}或

\{<ul>

</ul>\}

或

<dl>

</dl>

</li>

1.li中包含div型

<ul>

</li>

</ul>

这一种情况除了可以做列表外，还可以做一个有右侧冒泡弹出

1-1.做列表的情况:

1-2::气泡右侧弹出的形式

2.li中包含ul型

<ul>

<li>

<ul>

</ul>

</li>

</ul>

3.li中包含dl dt dd型

4.三层嵌套 (li中包含ul   二级ul中的li再包含ul,实现三级嵌套)

<ul>

<ul>

<ul>

</ul>

</li>

</ul>

</li>

</ul>

[实例链接][Link 1]

重点:对二层或三层的ul或div进行定位时，通常是将第一层的li或div,ul进行relative定位。在对第二、三层的ul或div进行absolute定位（left,top等）。

[实例1:仿Opera中国红黑风格导航条,纯CSS下拉菜单][1_Opera_CSS]

[示例2:三级树形菜单(可折叠展开)][2]

[示例3：气泡弹出菜单][3]

[Link 1]: http://www.veryhuo.com/a/view/27482.html
[1_Opera_CSS]: http://www.veryhuo.com/a/view/19700.html
[2]: http://www.veryhuo.com/a/view/45695.html
[3]: http://www.veryhuo.com/a/view/24708.html

几种常见的列表菜单

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关常见的几种编码

相关几种常见的排序算法

相关几种常见的列表菜单

相关常见的几种字符集

相关记录web中常见的几种菜单效果

相关几种常见NPE

相关常见的几种RuntimeException

相关几种常见的内部排序

相关常见的几种开源协议

相关几种常见RuntimeException