Jquery 如何使下拉菜单像“;“美味”;及;谷歌;?

Jquery 如何使下拉菜单像“;“美味”;及;谷歌;?,jquery,css,menu,drop-down-menu,Jquery,Css,Menu,Drop Down Menu,我想制作一个像delicious一样的下拉菜单。在此页面中,单击带有“搜索”按钮的箭头。点击它会显示一个下拉菜单,我想要相同的菜单样式,但是在我的页面上我有一个链接,我想要的是一个简单的小图标,点击链接或菜单图像,就会打开一个下拉菜单 谷歌也做了同样的事情,点击顶部菜单中显示的“更多”链接 我想使用最少的javascript,我更喜欢JQUERY。有很多JQUERY插件可以创建像delicious这样的下拉列表(菜单)。 您可以使用: 最简单的方法是用Javascript设置菜单。有许多可

我想制作一个像delicious一样的下拉菜单。在此页面中,单击带有“搜索”按钮的箭头。点击它会显示一个下拉菜单,我想要相同的菜单样式,但是在我的页面上我有一个链接,我想要的是一个简单的小图标,点击链接或菜单图像,就会打开一个下拉菜单

谷歌也做了同样的事情,点击顶部菜单中显示的“更多”链接


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

有很多JQUERY插件可以创建像delicious这样的下拉列表(菜单)。
您可以使用:


  • 最简单的方法是用Javascript设置菜单。有许多可用的Javascript库可用于简化此操作。一些较受欢迎的方案包括:


    我总是推荐这样的菜单。仅限于CSS,因此它甚至适用于没有脚本的用户,并且非常轻量级和快速。

    您可以使用一些列表。这是我博客上的一篇老文章,内容是关于如何使用列表和一些jquery来制作一个漂亮的面包屑

    这是一个关于创建谷歌顶级导航菜单的教程


    您可能会发现这个jQuery UI插件非常有用-


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

    解决方案必须是跨浏览器的!这些都是非常好的CSS只!iPhone打破了悬停行为——如果你想适应iPhone用户,就要记住这一点。