5

我想在这个http://delicious.com/search?context=all&p=sql&lc=1页面上制作一个像delicious 一样的下拉菜单。在此页面中，单击带有“搜索”按钮的箭头。单击它会显示一个下拉菜单，我想要相同的菜单样式，但是在我的页面上我有一个链接，我想要该链接的内容将显示一个简单的小图标，然后单击该链接或该菜单图像，下拉菜单将打开。

谷歌也做了同样的事情，http://www.google.co.in/firefox?client=firefox -a&rls=org.mozilla:en-US:official点击顶部菜单中的“更多”链接显示。

我想使用最少的 javascript，我更喜欢 JQUERY。

4

6 回答 6

9

有很多 JQuery 插件可以创建一个下拉列表（菜单），比如美味。
您可以使用：

  1. 菜单
  2. 带有 jquery 的下拉菜单
  3. 免费的 CSS 下拉菜单框架
于 2009-01-27T07:31:35.093 回答
5

对于这样的菜单，我总是推荐Suckerfish 之子。仅限 CSS，因此它甚至适用于没有脚本的用户，并且非常轻巧且快速。

于 2009-01-27T09:00:25.677 回答
1

这是创建谷歌顶部导航菜单的教程

http://blog.geotitles.com/2011/09/creating-the-new-top-black-bar-found-in-google-and-all-its-products/

于 2011-10-09T06:59:16.557 回答
1

您可能会发现这个 jQuery UI 插件很有用 - http://filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

它在构建时考虑了渐进增强。

于 2012-02-16T10:17:26.620 回答
0

最简单的方法是在 Javascript 中设置菜单。有许多可用的 Javascript 库可以使这更容易。一些比较流行的包括：

于 2009-01-27T08:56:44.903 回答
0

您可以尝试使用一些列表。这是我博客上的一篇较早的文章，关于如何使用列表和一些 jquery 制作一个漂亮的面包屑。

于 2009-01-28T01:32:18.123 回答