在鼠标悬停上显示文字
问题描述:
所以我试图让背景图像消失,然后在链接中出现一些文字。我已经让图像在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,谢谢。
答
尝试
$('#reslin').css('visibility','visible')
答
也许这只是一个错字:#reslink
或#reslin
?取而代之的
$('#reslink').css(visibility,visible)
答
你的锚ID为 “reslin” 不 “瑞思灵”
试试这个:
$('#reslin').css("visibility", "visible");
or
$('#reslin').css("display", "block");
感谢帮帮我。 – tshauck 2010-07-30 05:37:54