javascript - 纯 CSS 下拉菜单

Question

我一直在开发 facebook 应用程序，你知道在 facebook 上不允许使用 native javascript，他们有自己的实现 FBJS，这在创建菜单等内容时很麻烦。

是否有任何纯CSS下拉解决方案而不涉及任何javascript(我见过的解决IE6的所有解决方案都使用了javascript)？

Answer 1

是的，有很多方法。看看Listamatic .

Can you take a simple list and use different Cascading Style Sheets to create radically different list options? The Listamatic shows the power of CSS when applied to one simple list.

有垂直和水平菜单，使用纯CSS。

一些工作示例:

1. http://www.xs4all.nl/~peterned/examples/cssmenu.html
2. http://www.tjkdesign.com/articles/dropdown/demo.asp

实际上，您可以用几行代码实现一个基本列表:

li ul { display: none; } 
li:hover > ul { display: block; }

请注意，如果您支持 IE6，则需要 JavaScript(因为它不适用于 li:hover)。