快速javascript懸停問題

Question

我有一個快速的JavaScript問題。我想知道是否有辦法讓一個名爲#post li span的div顯示（出現），當你把鼠標懸停在div「#post li」上時？如果有人能夠提供我的代碼，這意味着很多。

Answer 1

添加display:block在舊IE的你不會有機會獲得：在無錨標記hover僞類。關於它是如何工作

Answer 2

你可以用CSS直接做到這一點：

#post li span { 
    display: none; 
} 

#post li:hover span { 
    display: inline; 
} 

如果你想使用JavaScript和jQuery的有，你可以使用：

$('#post li span').hide(); 
$('#post li').hover(
    function() { $('span', $(this)).show(); }, 
    function() { $('span', $(this)).hide(); } 
); 

如果你想使用JavaScript和不有jQuery，事情開始變得更加複雜。

Answer 3

您可以使用CSS。
應用display: none到#post li span，則#post li:hover span