javascript - JQuery:在鼠标移动时更新悬停

Question

$(document).ready(function() {
  $(".hoverimage").hover(
    function(e) { openQuicktip(this,e); },
    function() { closeQuicktip(this); }
  );

  $("area").hover(
    function(e) { openQuicktip(this,e); },
    function() { closeQuicktip(this); }
  );
});

function openQuicktip(elem,e) {
  ar x = e.pageX;
  ar y = e.pageY;

  $('.helpbox').fadeIn('fast');
  $('.helpbox').css('top', y).css('left', x);
  $('.helpbox .desc').html($(elem).attr('alt'));
}

function closeQuicktip($elem) {
  $('.helpbox').fadeOut('fast');
}

这是我的 jQuery，如何让它在每次移动鼠标时“改变”坐标？

Answer 1

使用 mousemove 事件。

$("area").mousemove(function(e) {
    x = e.pageX;
    y = e.pageY;
    $('.helpbox').css('top', y).css('left', x);
});

也可以考虑添加一个全局变量来保存快速提示的打开/关闭状态。并且仅在 QuickTip 打开时更新 .helpbox。

..弗雷德里克