如何創建隱藏的菜單元素？

Question

鼠標懸停時，應彈出菜單。至於對這個網站的評論。

Answer 1

一個簡單的例子會是這個樣子：

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來解決這個問題。

Answer 2

和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>