如何创建隐藏的菜单元素？

Question

鼠标悬停时，菜单会弹出。至于对本网站的评论。

Answer 1

或等效的JavaScript：

<p>Hover me for more text...<span style="display:none" onmouseover="this.style.display='inline'" onmouseout="this.style.display='none'">see, I told you!</span></p>

Answer 2

一个简单的例子看起来像这样：

<强> HTML

<p>Hover me for more text...<span>see, I told you!</span></p>

<强> CSS

p span { display:none; }
p:hover span { display:inline; }

演示：jsfiddle.net/fWK2e

扩展该概念，你可以隐藏一个元素，直到它的父元素悬停，显示更多内容，如链接或图像等。只要知道:hover伪类不适用于旧浏览器所以你必须用JS解决这个问题。