Question

所以基本上我要找的是一个包含5个内容标签的菜单，每个标签内部大约有7个项目。这些项目中的每一项都需要具有自己的子菜单。

我正在寻找什么是最好的结构方式，以便只使用css，javascript（无jquery）和html就能轻松阅读和更新。还必须与IE 8（我的PITA）兼容。

感谢您提出任何建议或建议。

jsfiddle.net/nWxrY/2 /

http://i.imgur.com/9NLc88W.png＆lt; - 我要做的事情的图像

Answer 1

代码不起作用，因为它被包装在onLoad中（在小提琴的左侧）。

我为它做了一个小的css解决方案，你可以从这里构建。我希望它符合您的需求。在“更改请求”下> “基础设施服务”您可以在第一个项目下找到另一个基于CSS的子菜单。

jsFiddle

我将以下内容添加到＃t4：

<div class="mnuItem" id="chgInfrastructureMnu">
   <img src="arr1.pngx" style="margin:-35px 0px 0px -10px;position:absolute"/>
   <div class="mnuSubItem"><a href="#">item</a> <!-- this part I added -->
       <div class="mnuSub">
            <a href="#">subitem</a>
      </div>
   </div><br/>
       <a href="#">item</a><br/>
</div>

我还添加了以下css：

.mnuSubItem .mnuSub {
    display: none;
    position: absolute;
    left: 50px;
    top: 0;
}
.mnuSubItem {
    position:relative;
}
.mnuSubItem:hover .mnuSub {
    display: block;
}

使用css和javascript创建大型菜单的提示

1 个答案: