如何制作像“美味”和“谷歌”这样的下拉菜单?

时间:2009-01-27 07:07:28

标签: jquery css menu drop-down-menu

我想在此http://delicious.com/search?context=all&p=sql&lc=1页面上创建一个类似美味的下拉菜单。在此页面中单击带有“搜索”按钮的箭头。点击它会显示一个下拉菜单,我想要相同的菜单样式,但在我的页面上我有一个链接,我想要的链接,将显示一个简单的小图标,点击链接或菜单图像,下拉菜单将会打开。

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

我想使用最小的javascript,我更喜欢JQUERY。

6 个答案:

答案 0 :(得分:9)

有很多JQuery插件可以创建像美味一样的下拉列表(菜单) 你可以使用:

  1. JdMenu
  2. Drop down menu with jquery
  3. Free CSS Drop-Down Menu Framework

答案 1 :(得分:5)

我总是建议Son of Suckerfish这样的菜单。仅限CSS,因此它甚至适用于没有脚本的用户,并且非常轻巧且快速。

答案 2 :(得分:1)

答案 3 :(得分:1)

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

它的构建是考虑到渐进增强。

答案 4 :(得分:0)

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

答案 5 :(得分:0)

您可以使用某些列表try to play。这是我博客上的一篇较早的帖子,关于如何使用列表和一些jquery做一个漂亮的面包屑。