答案 0 :(得分：1)
我没有链接到别人的菜单，我想我会就如何从头开始制作自己的菜单给出一些指示。
您可能已经了解了网页如何划分为块（div），您可以使用CSS设置这些块的样式。了解这一点你可以问自己 - “节目”菜单有什么特别之处？忽略显示它所需的JavaScript，隐藏它并改变它的颜色;你能编写静态HTML和CSS来在空白页面上显示它吗？
为了让事情更容易想象，抓住自己一张纸和一支铅笔，然后涂鸦！当您开始编写越来越复杂的代码时，记事本将成为您最有价值的工具之一。这些天我甚至都不会启动一个GUI项目，直到我为它绘制了一个基本的故事板。
现在，您可以开始考虑如何以编程方式创建已绘制的内容并静态编码。到目前为止，最好的起点是定义表示菜单项本身的数据结构，例如：
在主“显示”菜单中，我只能看到4个阵列：一个代表最左侧的标准菜单：
SideMenu = [ 'TV Schedule', 'MTV Shows Gossip', etc... ]
还有三个分别代表“节目”，“特别节目”和“经典节目”菜单：
Shows = [ '16 and Pregnant', 'America\'s Best Dance Crew', etc... ]
Specials = [ '2009 Video Music Awards', '2009 Movie Awards', etc... ]
Classics = [ 'Aeon Flux', 'Beavis and Butt Head', etc... ]
从这里开始，您可以考虑如何迭代每个阵列以及需要处理的特殊情况。特别是，“显示”子菜单分为两列。在考虑所涉及的HTML之前，请考虑一下你的for循环如何知道它到达数组中“页面”的末尾，以及它将如何开始一个新的。
最后，一旦处理了数据结构和绘图例程，就可以考虑事件处理。即;当鼠标在页面上移动时该怎么做。您可能知道，当鼠标移动到项目上时，CSS可用于更改颜色，您可以使用jQuery应用处理程序并显示/隐藏您的div。
对不起，这最终成了一篇文章/咆哮 - 我不打算这样做！互联网是一个很好的资源，用于剪切/粘贴“正常工作”的代码片段（我正在看着你，SO的大师;-)但它可以让我们变得懒惰和依赖。虽然这对于快速修复来说很好（这些东西在网页设计领域非常普遍）但它不应该是你开发的基础。
记住漏洞抽象法则！努力理解你想要在你的工具和技能允许的最基本层面上实现的目标 - 这是充分利用抽象（如jQuery）的秘诀，旨在使你的日常编码生活更容易。
答案 1 :(得分：0)
哦，是的，sry :-)
当您将鼠标悬停在顶部菜单“显示”上时，它会显示许多其他菜单选项。
是否有像这样的菜单的教程/开源js / jquery脚本？
答案 2 :(得分：0)