【发布时间】:2014-05-12 16:06:19
【问题描述】:
我从来没有遇到过这么难的问题,我什至无法开始,所以我没有很好的小提琴给你看,只有源代码和我想要实现的目标。
我需要一个三级 UL。顶层是内联的 - 用于顶层导航。子 UL 和 LI 将是内联块 - 或多或少。
这是我的意思的图片:http://www.smileycat.com/miaow/archives/images/megamenus/ea.gif
我需要类似的东西,我想有点像大型下拉菜单?任何人都可以帮助或指出正确的方向吗?
JSFiddle:http://jsfiddle.net/RVQ6m/
一些代码:
<ul class="level1">
<li class="level1">top
<ul class="level2">
<li class="level2">middle
<ul class="level3">
<li class="level3">bottom</li>
<li class="level3">bottom</li>
<li class="level3">bottom</li>
<li class="level3">bottom</li>
<li class="level3">bottom</li>
</ul>
</li class="level2">
<li class="level2">middle
<ul class="level3">
<li class="level3">bottom</li>
<li class="level3">bottom</li>
<li class="level3">bottom</li>
<li class="level3">bottom</li>
<li class="level3">bottom</li>
</ul>
</li class="level2">
<li class="level2">middle
<ul class="level3">
<li class="level3">bottom</li>
<li class="level3">bottom</li>
<li class="level3">bottom</li>
<li class="level3">bottom</li>
<li class="level3">bottom</li>
</ul>
</li class="level2">
<li class="level2">middle
<ul class="level3">
<li class="level3">bottom</li>
<li class="level3">bottom</li>
<li class="level3">bottom</li>
<li class="level3">bottom</li>
<li class="level3">bottom</li>
</ul>
</li>
</ul>
</li>
</ul>
【问题讨论】:
-
图片仅显示2级。但你可以在这里阅读stackoverflow.com/questions/9100344/…
-
您是否进行过任何搜索或尝试过任何 css 或 javascrpit 方法?看起来您刚刚将一些嵌套列表分层,并希望有人来为您完成其余的工作。
-
我已经搜索过了;但不确定要搜索什么,因为我以前实际上没有做过这样的事情。在不知道自己要搜索什么的情况下很难知道要搜索什么。