<p>
当我将鼠标悬停在某个图像上时,我试图在标签中获取一些文本。我无法显示文本,并且代码对我来说看起来不错。谁能帮我找出为什么文字没有显示/
这是HTML
<div class="iconcontainerhover">
<a rel="left" href="#"><img style="margin-right: 160px;" src="img/facebookicon.png" /></a>
<a rel="middle" href="#"><img src="img/Twittericon.png" /></a>
<a rel="right" href="#"><img style="margin-left: 160px" src="img/google_plus_icon.png" /></a>
</div>
<div id="descripinfo">
<div id="lefticoncontent">
<p id="left">This is information about the left icon</p>
</div>
<div id="middleiconcontent">
<p id="middle">This is information about the middle icon</p>
</div>
<div id="righticoncontent">
<p id="right">This is information about the right icon</p>
</div>
这是jquery
$(function(){
$('.iconcontainerhover a').mouseenter()(function(){
var toShow = '#' + $(this).attr('rel');
$('#discripinfo').show();
$(toShow).show();
}).mouseleave(function(){
$('#discripinfo').hide();
});
});
#discripinfo
因此,当匹配的 img fromiconcontainerhover
悬停在上方时,我试图让文本淡入。
顺便说一句,#discripinfo
标签设置为display: none;