javascript - 最后一招 - jQuery Mashable Mega Menu

标签 javascript jquery html css ajax

我一直在寻找一个示例,说明如何构建像 Mashable 那样的大型菜单,但没有使用 PHP 或 MySQL,而且我有很多时间。

如果有人知道,那就太好了……我已经无计可施了,我的眼睛现在正从搜索互联网中转过来。

我看过几个关于如何创建 jQuery 下拉菜单的示例,其中,悬停时,菜单会下拉到菜单的整个宽度,并显示更多选项。但我正在寻找 Mashable 的确切效果,您在其中下拉,左侧有一个无序列表。您将鼠标悬停在其中任何一个上,它会在下拉列表的剩余区域显示一个子列表。

我看到的所有示例都严重依赖于拉取外部 php 页面来加载新选项,但我只需要它来显示子无序列表,而不是动态加载任何内容。

您可以通过以下链接了解我在说什么:http://mashable.com/

有人可以帮忙吗?或者至少给我指出正确的方向?

最佳答案

如果您不需要任何动态加载,是什么让您无法使用纯 HTML 和 CSS 进行动态加载?您也可以在 CSS3 中进行过渡。

关于javascript - 最后一招 - jQuery Mashable Mega Menu,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23658309/

相关文章:

jquery - 如何在特定@words周围添加span元素

html - 为什么 normalize.css 不设置字体样式 : italic for <i> and <em> tags?

html - 与 HtmlAgilityPack 的多个属性匹配的 Xpath 表达式

javascript - 在 Bootstrap 中只滚动一列

javascript - 如何在 React Native 中重建 iOS Picker 动画

javascript - 使用javascript解析html字符串

Jquery 或 Ajax 下拉 div

javascript - 语义 ui 中心对齐按钮

javascript - 为什么这个 JSON 是 "invalid?"

javascript - 如何将 Node.js 应用程序转换为 exe?