움직임에 마우스 커서를 올리십시오

Question

나는 이것을하는 방법에 조금 손실에이다. 내가 만든 코드는 내 웹 사이트의 커서를 변경하는 데 적합합니다. 그러나 사용자가 마우스를 움직일 때만 효과가 나타나기를 바란다. 그런 다음 사용자가 마우스를 움직일 때 기본 커서로 돌아 간다. 당신은 추가하고 CSS 클래스를 제거하는 몇 가지 자바 스크립트를 사용할 수

<style type="text/css">body, a:hover {cursor: url(https://www.weebly.com/weebly/images/file_icons/image.png), progress !important;}</style> 

Answer 1

:

여기에 지금까지 내 코드입니다. 자바 스크립트에 다음

.change-cursor { 
    cursor: url(https://www.weebly.com/weebly/images/file_icons/image.png), progress !important; 
} 

을 그리고 :

은 CSS에 클래스를 추가

var timeout; 

document.onmousemove = function() { 

    // Clear timeout, as mouse is still moving 
    clearTimeout(timeout); 

    // Add class, as mouse is still moving 
    document.querySelector('body ').classList.add('change-cursor') 

    // Schedule class to be removed very shortly in the future 
    timeout = setTimeout(function() { 
    document.querySelector('body').classList.remove('change-cursor') 
    }, 100) 

}