OnMouseOver光标上的图像显示文本

Question

这需要显示在此小提琴中的图像下方的文本框：http://jsfiddle.net/ANKwQ/5/ 相反，它具有相同的效果：http://xurday.com，当您将鼠标悬停在图像上时，意味着它会在光标位于图像中时随处移动。

div {
display: none;
border:1px solid #000;
height:30px;
width:290px;
margin-left:10px;

}

a:hover + div {
display: block;

}

Answer 1

此处JSFiddle：

基本上你需要的一切：

var currentMousePos = { x: -1, y: -1 };
    $(document).mousemove(function(event) {
    currentMousePos.x = event.pageX;
    currentMousePos.y = event.pageY;
    $('div').css('top', currentMousePos.y);
    $('div').css('left', currentMousePos.x);
});

CSS：

div {
    display: none;
    border:1px solid #000;
    height:30px;
    width:290px;
    margin-left:10px;
    position: absolute;
}