Php 类似mtv的javascript菜单

Php 类似mtv的javascript菜单,php,javascript,jquery,html,css,Php,Javascript,Jquery,Html,Css,我正在寻找一个js菜单,如下面的链接 jQuery将是一个加号 Ohh是sry:-) 当您将鼠标悬停在顶部菜单“Shows”上时,它会显示许多其他菜单选项 像这样的菜单有教程/开源js/jquery脚本吗 如何?与其链接到其他人的菜单,我想我应该给你一些建议,告诉你如何从头开始制作自己的菜单 您可能已经了解了如何将网页划分为块(div),并且可以使用CSS设置这些块的样式。知道了这一点,你可以问问自己,“表演”菜单有什么特别之处?忽略显示、隐藏和更改颜色所需的JavaScript;您可以编写静

我正在寻找一个js菜单,如下面的链接

jQuery将是一个加号

Ohh是sry:-)

当您将鼠标悬停在顶部菜单“Shows”上时,它会显示许多其他菜单选项


像这样的菜单有教程/开源js/jquery脚本吗

如何?

与其链接到其他人的菜单,我想我应该给你一些建议,告诉你如何从头开始制作自己的菜单

您可能已经了解了如何将网页划分为块(div),并且可以使用CSS设置这些块的样式。知道了这一点,你可以问问自己,“表演”菜单有什么特别之处?忽略显示、隐藏和更改颜色所需的JavaScript;您可以编写静态HTML和CSS以在空页面上显示它吗

为了让事情更容易形象化,拿一张纸和一支铅笔,开始涂鸦吧!当您开始编写越来越复杂的代码时,记事本将成为您最有价值的工具之一。这些天我甚至不会开始一个GUI项目,直到我为它画出一个基本的故事板

现在,您可以开始考虑如何以编程方式创建静态绘制和编码的内容。到目前为止,最好从定义表示菜单项本身的数据结构开始,例如:

在主“Shows”(显示)菜单中,我只能看到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循环如何知道它何时到达数组中“页面”的末尾,以及它如何开始一个新页面

最后,处理完数据结构和绘图例程后,可以考虑事件处理。ie;当鼠标在页面上移动时要做什么。您可能知道,当鼠标移动到项目上时,CSS可以用来更改颜色,您可以使用jQuery应用处理程序并显示/隐藏div


很抱歉,这最终有点像一篇文章/咆哮——我并不是有意的!互联网是一个很好的资源,可以剪切/粘贴“正常工作”的代码片段(我在看你,SO;-)但它会让我们变得懒惰和依赖。虽然这是很好的快速修复(这类事情在网页设计领域非常普遍),但它不应该成为您开发的基础


记住漏洞百出的抽象法则!在你的工具和能力允许的最基本的层次上,努力理解你想要实现的目标——这是从抽象(如jQuery)中获得最大收益的秘诀,它旨在使你的日常编码生活更轻松。

有趣。。。你有具体的问题吗?;-)如果你不打算问一个具体的问题,我能告诉你的最好的办法就是看看它们的来源。对于常见的问题,通常最好先找一些常见的解决方案,比如库。重新发明轮子可能很有趣,在学校对教育方面很有用,但在实践中浪费了宝贵的时间。花有限的时间增加价值比重新创建已有的价值(如库代码)要好。当然,盲目地剪切和粘贴而无法理解底层软件通常会导致您提到的问题。但是,从头开始的建设通常是没有成效的(这是另一种问题)。我同意你所说的,尽管我不喜欢在谈论教育时使用“浪费时间”之类的短语。如果人们现在试图更全面地理解问题的基本原理,这将有利于项目的进展,当然也有利于未来的项目。我不鼓励像你说的那样彻底改造车轮,但如果花一点时间来了解车轮及其与汽车的连接方式,那么当车轮最终脱落时,人们的装备会更好D您需要使用此信息编辑问题,而不是添加答案。我投票决定结束,因为我以为你没有问任何问题!