Jquery 移动显示在顶部的工具提示

我想移动工具提示以显示在hover.noe上链接的顶部。我将显示在链接的底部

jQuery（函数（）{
jQuery（文档）.ready（函数（）{
jQuery（'.masterTooltip'）.hover（函数（）{
//悬停在代码上方
var title=jQuery（this.attr（'data-original-title'）；
jQuery（this）.data（'tipText'，title）.removeAttr（'title'）；
jQuery（“
”）
.正文（标题）
.appendTo（'正文'）
.fadeIn（“慢”）；
}，函数（）{
//悬停代码
jQuery（this.attr（'title'，jQuery（this.data（'tipText'））；
jQuery（'.notetool'）.remove（）；
}).mousemove（函数（e）{
//var mousex=e.pageX；//获取X坐标
var mousey=e.pageY+10；//获取Y坐标
jQuery（'.notetool'）.css（{top:mousey，left:0}）
});
});
});
.notetool{
显示：无；
位置：绝对位置；
颜色：#0f0025；
背景色：#FFEF93；
边框：1px实心#F1D031；
边界半径：5px；
填充：10px；
字体大小：12px Arial；
} 
.注意工具：在{
内容：“；
位置：绝对位置；
底部：100%；
左：50%；
宽度：0；
边框顶部：5px纯黑；
左边框：5px实心透明；
右边框：5px实心透明；
/*变换：旋转（180度）*/
}
由于您是手动执行工具提示，因此我更改了下面代码段中的代码

我刚刚更改了三角形方向和工具提示位置。希望这对你的处境有帮助

注意：这个实现总是在顶部弹出工具提示（就像上一个在底部）


jQuery（函数（）{
jQuery（文档）.ready（函数（）{
jQuery（'.masterTooltip'）.hover（函数（）{
//悬停在代码上方
var title=jQuery（this.attr（'data-original-title'）；
jQuery（this）.data（'tipText'，title）.removeAttr（'title'）；
jQuery（“
”）
.正文（标题）
.appendTo（'正文'）
.fadeIn（“慢”）；
}，函数（）{
//悬停代码
jQuery（this.attr（'title'，jQuery（this.data（'tipText'））；
jQuery（'.notetool'）.remove（）；
}).mousemove（函数（e）{
//var mousex=e.pageX；//获取X坐标
var mousey=e.pageY-70；//获取Y坐标
jQuery（“.notetool”）
.css（{top:mousey，left:0}）
});
});
});
.notetool{
显示：无；
位置：绝对位置；
颜色：#0f0025；
背景色：#FFEF93；
边框：1px实心#F1D031；
边界半径：5px；
填充：10px；
字体大小：12px Arial；
} 
.注意工具：在{
内容：“；
位置：绝对位置；
最高：100%；
左：50%；
宽度：0；
边框底部：5px纯黑；
左边框：5px实心透明；
右边框：5px实心透明；
/*变换：旋转（180度）*/
}
添加{/*只是为了将链接从页面顶部向下推一点，以便可视化代码段中的工具提示*/
显示：块；
边缘顶部：50px；
}
我刚刚修改了您的代码，请按照您的要求查看它的工作情况


jQuery（函数（）{
jQuery（文档）.ready（函数（）{
jQuery（'.masterTooltip'）.hover（函数（）{
//悬停在代码上方
var title=jQuery（this.attr（'data-original-title'）；
jQuery（this）.data（'tipText'，title）.removeAttr（'title'）；
jQuery（“
”）
.正文（标题）
.appendTo（'正文'）
.fadeIn（“慢”）；
}，函数（）{
//悬停代码
jQuery（this.attr（'title'，jQuery（this.data（'tipText'））；
jQuery（'.notetool'）.remove（）；
}).mousemove（函数（e）{
//var mousex=e.pageX；//获取X坐标
var mousey=e.pageY-70；//获取Y坐标
jQuery（“.notetool”）
.css（{top:mousey，left:0}）
});
});
});
.notetool{
显示：无；
位置：绝对位置；
颜色：#0f0025；
背景色：#FFEF93；
边框：1px实心#F1D031；
边界半径：5px；
填充：10px；
字体大小：12px Arial；
} 
.注意工具：在{
内容：“；
位置：绝对位置；
最高：100%；
左：45%；
宽度：0；
边框顶部：5px纯黑；
左边框：5px实心透明；
右边框：5px实心透明；
/*变换：旋转（180度）*/
}