求助.这段代码什么意思

Question

$(function(){
    var x = 10;  
var y = 20;
$("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");   //红色的e.pageY是什么意思，为什么可以还要加上一定的数值
    }).mouseout(function(){
this.title = this.myTitle;
$("#tooltip").remove();   
    }).mousemove(function(e){
$("#tooltip")
.css({
"top": (e.pageY+y) + "px",
"left": (e.pageX+x)  + "px"
});
});
})

Answer 1

e.pageY鼠标的纵坐标
e.pageX鼠标的横坐标

Answer 2

e.pageY鼠标的纵坐标
e.pageX鼠标的横坐标

Answer 3

e.pageX/Y 是事件发生时当前鼠标的坐标位置，
加上x/y就是让提示框显示在当前鼠标坐标位置的偏下偏右的位置，不被光标遮住。