[英]Random Text On MouseOver And On MouseLeave Show The Real Text
[英]Having text show on mouseover
因此,我試圖使背景圖片消失,然后在div中通過鏈接顯示一些文本。 我的圖像在鼠標懸停時消失了,但無法顯示文本。 這是我到目前為止所得到的。 我對這個東西有點陌生。
/* 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,謝謝。
代替
$('#reslink').css(visibility,visible)
嘗試
$('#reslin').css('visibility','visible')
也許只是拼寫錯誤: #reslink
或#reslin
?
您在錨點上的ID是“ reslin”而不是“ reslink”
嘗試這個:
$('#reslin').css("visibility", "visible");
or
$('#reslin').css("display", "block");
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.