jQuery代码:
$('.box_class').bind('mouseover', function(e){
$('.tooltip').css({'top':e.pageY,'left':e.pageX, 'z-index':'1'});
$('.tooltip').fadeIn("fast");
});
它工作得很好,但我希望该消息始终跟随鼠标指针,现在,当我在box_class
上"鼠标悬停"时,它总是停留在同一点。也许我应该把mouseover
换成另一个函数?或者说我应该如何实现它?
Try mousemove:
$('.box_class').bind('mouseover', function(e){
$('.tooltip').fadeIn("fast");
});
$('.box_class').bind('mousemove', function(e){
$('.tooltip').css({'top':e.pageY,'left':e.pageX, 'z-index':'1'});
});
保持mouseout
或mouseleave
观察者关闭工具提示
位置是否设置为绝对位置?如果没有,试试:
position:absolute;