相对于鼠标滚动位置定位div

Question

在某些鼠标悬停时，div1是displayed.How，以便在鼠标指针旁边显示div，这样即使在上下文结束时鼠标悬停，div也应该显示在鼠标指针旁边。

<style type="text/css">
#div1 { width: 200px; height: 30px; background-color: #a9a9a9; color: #fff; position: absolute; }
</style>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$(window).mouseover(function(event){
$("#div1").css({'top': event.pageY, 'left': event.pageX});  
});
});
</script>
<div id="div1">mouseover me</div>

Answer 1

这可能会有帮助：http://webdevpad.blogspot.com/2010/07/cross-browser-mouse-coordinates.html

获得鼠标位置后，给它一个小的偏移量，将坐标传递给你的工具提示div，并记住给你的工具提示位置:fixed。

Answer 2

你想做什么的通常术语是“工具提示”。

您最好的选择可能是使用像Prototip这样的JavaScript框架，它提供了这种功能(而不是试图自己编写代码)。(在该链接中搜索"Hooking“部分，看看如何使用Prototip创建这样的工具提示。)