html - OnMouseOver图像在光标上显示文本

这需要在此提琴中的图像下方显示的文本框：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;

}

最佳答案

在这里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;
}