在鼠標懸停上顯示文字

所以我試圖讓背景圖像消失，然後在鏈接中出現一些文字。我已經讓圖像在mouseover上消失，但我無法顯示文本。這是我到目前爲止。我對這個東西有點新鮮。在鼠標懸停上顯示文字

/* I'm have the image removed with the first line, then setting the link 
    as hidden then trying to make it visible, but the link never shows */ 

$('#res').mouseover(function(){ 
    $(this).removeClass('resume'); 
    $('#reslink').css(visibility,visible); 
});

HTML：

 <div id = "res" class = "floatleft squares resume"><a id = "reslin" class = "link" href="resume.php">link</a></div> 
    <div id = "pro" class = "floatleft squares projects"><a id = "prolin" class = "link" href="projects.php"></a></div> 
    <div id = "con" class = "floatleft squares contact"><a id = "conlin" class = "link" href="contact.php"></a></div> 
    <div id = "abo" class = "floatleft squares about"><a id = "abolin" class = "link" href="about.php"></a></a></div>

樣式：

a{ 
display: block; 
background: grey; 
height: 100%; 
width: 100%; 
visibility: hidden; 
}

如果任何更多的信息需要，LMK，謝謝。

來源

2010-07-30 tshauck

嘗試

$('#reslin').css('visibility','visible')

來源

2010-07-30 04:22:19

感謝幫幫我。 – tshauck 2010-07-30 05:37:54

也許這只是一個錯字：#reslink或#reslin？取而代之的

$('#reslink').css(visibility,visible)

來源

2010-07-30 04:05:30

你的錨ID爲「reslin」不「瑞思靈」

試試這個：

$('#reslin').css("visibility", "visible"); 
or 
$('#reslin').css("display", "block");

來源

2010-07-30 05:42:19 Manie

在鼠標懸停上顯示文字

回答

相關問題