是否可以在没有Javascript或Jquery的情况下进行下拉菜单

Question

我们要求不要将javascript用于下拉菜单。这个要求是由于maitain SEO值。

有没有办法用纯粹的css实现这一点，并使其适用于所有浏览器。

我尝试使用li mouseover和mouseout，但它在IE7中无效。它仅适用于Firefox。

您能否就好的解决方案提出建议或指示。

感谢

Answer 1

是的。

请参阅：http://www.cssplay.co.uk/menus/dropdown.html

Answer 2

你可以用CSS

来做

#item {
    display: none;
}

#item:hover {
    display: block
}

另请看这里：

http://lwis.net/free-css-drop-down-menu/

您可能会遇到IE6悬停在不同HTML元素上的问题，因此您可以使用此hack / fix

http://www.xs4all.nl/~peterned/csshover.html

我对此进行了测试：http://lwis.net/free-css-drop-down-menu/dropdown.simple.horizontal.html

在IE 6/7/8下运行，使用IETester

进行测试

Answer 3

也许这对你有用

http://www.cssplay.co.uk/menus/final_drop.html

Answer 4

普通HTML怎么样？

<select name="myDropdown">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>