巨型菜单与垂直标签onmouseover

Question

我需要设计类似于website ..

上使用的大型菜单

我的实际菜单是动态的，基于asp.net网页表单。我不确定在这一点上我将如何实现它。作为一个起点，我想首先生成父菜单，然后在菜单包装器中逻辑地说明子菜单和jQuery垂直选项卡及其内容。

可能是下面的图片可以提供更好的主意。

目前我不知道如何在父菜单下为相关菜单打包标签。

其次，我想更改标签的点击事件，以便将其悬停。

我真正喜欢做的是让它完全动态，我需要对数据库表进行大量更改。

如果有人能为我指出动态大型菜单的正确方向，我将不胜感激......

现在我想从基础开始。我已经设置了jsfiddle，我不知道如何为每个父菜单包装标签，以便它们显示在正确的父菜单下。

<div>
    <ul>
        <li>Home</li>
        <li>
            <About us <ul>
                <li>Sub Menu 1</li>
                <li>Sub Menu 2</li>
                <li>Sub Menu 3</li>
    </ul>
    </li>
    <li>Project
        <ul>
            <li>Project 1</li>
            <li>Project 2</li>
            <li>Project 3</li>
        </ul>
    </li>
    <li>Media
        <ul>
            <li>Latest News</li>
            <li>Press Release</li>
        </ul>
    </li>
    <li>Contact us</li>
    </ul>
</div>

不幸的是，他们与asp.net相关的asp.net超级菜单并不多。对于PHP，可以找到很多，因为它有很多开源的东西＆amp;插件可用。

Mega菜单在很多网站上使用，并且作为一个完整的例子，一个人不太了解这些菜单的设计考虑因素。我希望一些.net专家大师可以做一篇可以解决这个问题的文章，它可以作为许多人的学习曲线。