OnMouseOver 图像在光标上显示文本

Question

这需要出现在图像下方的文本框Fiddle：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;
}

OnMouseOver 图像在光标上显示文本

OnMouseOver Image Display Text on Cursor

html

css

popup