它闪烁是因为当工具提示显示时,它会触发mouseout事件,因为#ghost在容器外部。将其移动到内部,一切都应该设置好了。
HTML:
<div id="container">
<div id="ghost">
Click to drop me!
</div>
</div>
编辑:我注意到一个错误,当它在容器内时,#ghost
不会隐藏,即使移动到容器外面..所以我给#ghost
添加了一个偏移量,使其出现在光标下方2px
。
JS代码:
$('#container').on('mousemove', function(event) {
$('#ghost').css({
left: event.pageX - $('#ghost').width() / 2,
top: ((event.pageY - $('#ghost').height() / 2) + 2) // +2 px is the offset
});
});