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

在某些鼠标上方，会显示div1。如何在鼠标指针旁边显示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>

#div1{宽度：200px；高度：30px；背景色：#A9A9；颜色：#fff；位置：绝对；}
$（函数（）{
$（窗口）.mouseover（函数（事件）{
$（“#div1”）.css（{'top'：event.pageY，'left'：event.pageX}）；
});
});
鼠标掠过我

您想要做的事情的常用术语是“工具提示”

---

您最好的选择可能是使用JavaScript框架，比如提供此功能的JavaScript框架（而不是尝试自己编写代码）。（在该链接中搜索“挂钩”部分，以了解如何使用Prototip创建这样的工具提示。）

通常的术语是“工具提示”

您最好的选择可能是使用JavaScript框架，比如提供此功能的JavaScript框架（而不是尝试自己编写代码）。（在该链接中搜索“挂钩”部分，查看如何使用Prototip创建此类工具提示。）

这可能会有所帮助：

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

这可能会有帮助：

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