Mousemove悬停时动画

Question

我想将动画悬停在div上。 但它不起作用，当我的鼠标在div外，动画不起作用。为什么？

https://jsfiddle.net/udn5b9fd/

$(document).mousemove(function(e){
$("span").css({left:e.pageX - 50, top:e.pageY - 50});
});


$("div").hover(

  function() {
  $("span").stop().animate({"height": "100px", "width": "100px"}, 200);
  },
  function() {
  $(this).stop().animate({"opacity": "0.5"}, 0);
  },
  function() {
  $(this).stop().animate({"opacity": "1"}, 0);

}); 

Answer 1

有几个修复，你应该申请：

1. 从hover回调中移除第3个函数，因为它只有2个参数：Jquery Hover
2. 更新每个处理程序中的所有属性：opacity, height, width
3. 将pointer-events: none样式添加到span元素，以防止当您的鼠标位于hoverOut下时调用span。

查看示例以获取更多详细信息：JSFiddle example