javascript - div 不会在图像悬停时显示

Question

无法弄清楚为什么我的 div 不会在此悬停时显示。感谢任何帮助。

$('a[rel=tooltipimage]').bind('mouseover',function(e){
e=e?e:window.event;
$('#tooltip').css({
position:'absolute',
top:e.pageY,
left:e.pageX
});
})

HTML:

</span>
<a href="#" class="tooltipimage"><img src="/applications/images/icons/info_icon.gif"/></a>
</span> 
<div class="tooltip" style="margin:0 0 0 18px; display:none;">
<b>tooltip text goes here</b><br />                                                                 
 </div>

我想做的就是在鼠标悬停时显示 float 在图像旁边的 div，并在他们离开时显示该 div。我已经安装了 jquery 和所有东西，但不想在我需要的只是最简单的工具提示时放入一堆插件和东西。如果我不是经典的 asp，我可以使用 modalpopup 但不幸的是没有运气。

提前致谢， 尼克格

Answer 1

如果您可以更改您的一些 html，则不必使用 javascript(除非定位必须是动态的。那么您可以使用 javascript 进行设置)。你可以用普通的 css 来做。如果你只想要一个小文本，你总是可以使用 title属性

DEMO

<span class="tooltipimage">
    <a href="#"><img src="/applications/images/icons/info_icon.gif"/></a>
    <label>tooltip text goes here</label>
</span> 


.tooltipimage:hover label{
    display:block;
}

.tooltipimage label{
    display:none;
    position:absolute;
    top:0px;
    left:20px;
}

.tooltipimage{
    display:block;
    position:relative;
}