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