마우스를 움직일 때 마우스가 움직입니다.

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 기능을 제거 Jquery Hover
2. 업데이트를 모든 각 처리기의 속성 : opacity, height, width
3. span 아래에있는 마우스를 hoverOut라고 부르지 않으려면 span 요소에 pointer-events: none 스타일을 추가하십시오.

자세한 내용은 예를 살펴 보겠습니다 : JSFiddle example