如何实现下面的下拉菜单？

Question

http://losangeles.kijiji.com/c-SelectCategory

该页面的搜索菜单在左上方。

最好用jQuery。

Answer 1

你不需要jQuery的这一点。你可以使用普通的'ol CSS。

This article from pixelspread展示了如何创建CSS下拉菜单resulting in this。你可能也想看看以下这些：

1. CSS Horizontal Drop-Down-Menu
2. Simple JavaScript Drop Down Menu (If you really want a JavaScript based one.)
3. jQuery Drop Down Menu (Written with jQuery if you like that..)
4. Another one in jQuery + CSS with very good examples and help around it.
5. You could also check out this page, which provides you with code for a jQuery Drop Down Menu (provided in the other posters link)

Answer 2

有一个例子problems with jQuery mouseover for better looking css menu

Answer 3

对于一个非常简单的&轻量级解决方案，检查Son of Suckerfish dropdowns。愚蠢的名字，但非常优雅。它使用:hover伪类来完成它的魔力。