Question

为什么设置了pageX和pageY创建的提示框不会随着鼠标移动

<a href="#" class="tooltip" title="这是我的超链接提示1">提示1</a>
<a href="#" class="tooltip" title="这是我的超链接提示2">提示2</a>
<a href="#" title="这是自带提示1">自带提示1</a>
<a href="#" title="这是自带提示2">自带提示2</a>
<script type="text/javascript">
$(function(){
var x=20;
var y=40;
$("a.tooltip").mouseover(function(e){
this.myTitle=this.title;
this.title='';
var tooltip="<div id='tooltip'>"+this.myTitle+"</div>";
$("body").append(tooltip);
$("#tooltip").css({
"top":(e.pageY+y)+"px",
"left":(e.pageX+x)+"px"
}).show("fast");
}).mouseout(function(){
this.title=this.myTitle;
$("#tooltip").remove();
}).mousemove(function(e){
$("#tooltip").css({
"top":(e.pageY+y)+"px",
"left":(e.pageX+x)+"px"
});
});
})
</script>

Answer 1

给你的  #tooltip，设置  position:fixed;  样式就可以了

var tooltip="<div id='tooltip' style='position:fixed;'>"+this.myTitle+"</div>";

Answer 2

是clientX和clientY

追问

我已经搞明白了，不是这个问题，jquery就是用pageY,是我没有为新建的标签添加position样式