我一直在Facebook应用程序上工作,你知道在Facebook上不允许原生javascript,他们有自己的实现FBJS,这对于创建类似菜单的东西来说是很麻烦的。纯CSS下拉菜单
有没有任何纯CSS下拉解决方案没有任何JavaScript的参与(javascript用于所有我见过的解决方案来解决IE6)?
我一直在Facebook应用程序上工作,你知道在Facebook上不允许原生javascript,他们有自己的实现FBJS,这对于创建类似菜单的东西来说是很麻烦的。纯CSS下拉菜单
有没有任何纯CSS下拉解决方案没有任何JavaScript的参与(javascript用于所有我见过的解决方案来解决IE6)?
是的,有许多认同。看看Listamatic。
你可以拿一个简单的列表并使用不同的层叠样式表来创建完全不同的列表选项吗? Listamatic显示了将CSS应用于一个简单列表时的强大功能。
有垂直和hortizonal菜单,使用纯CSS。
一些工作的例子:
其实,你可以实现具有几行基本清单:你需要的JavaScript如果
li ul { display: none; }
li:hover > ul { display: block; }
注你支持IE6(因为它不适用于li:hover)。
谷歌最近开始phasing out IE6 support并通知他们的应用程序的域名客户升级其用户。除非你服务的市场或客户群,你知道使用IE6,无法或不愿意升级我只是忽略它,并使用:悬停解决方案sans JavaScript。
所有的CSS下拉菜单都非常直接的实现。不过,我相信IE6需要Javascript,因为它不会:悬停在任意元素上。 – Seth 2010-02-27 20:24:38
你应该仍然可以使用纯CSS的IE6,通过包装任何你需要':hover'在''上。 – Jacob 2010-02-27 20:27:10
@Seth:同意问题出在哪里,我不需要javascript,不确定这是否可能。 – Sarfraz 2010-02-27 20:27:41