JavaScript 마우스 커서를 이미지로 바꾸는 방법?

Question

운영체제의 이미지를 미리 설정할 수있는 예제를 보았습니다. 예 :

$('body').css('cursor', 'wait'); 

하지만 내 자신의 /img/my_image.png는 어떨까요?

도움 주셔서 감사합니다.

Answer 1

당신은 CSS에 대한 URL을 지정하여 할 수 있습니다

div 
{ 
cursor:url(smiley.gif),url(myBall.cur),auto; 
} 

는 http://www.w3schools.com/cssref/pr_class_cursor.asp

Answer 2

나는 외부의 기사를 링크 일반적으로하지 않습니다를 참조하지만,이 사람은 당신의 필요를 다룹니다. 나는 지속성을 위해 여기에 관련된 것들을 복사했습니다.

#dragMe { 
    cursor: url('../cursors/customMoveCursor.cur'),  /* Modern browsers */ 
      url('cursors/customMoveCursor.cur'),  /* Internet Explorer */ 
      move;          /* Older browsers  */ 
} 

제공 : http://www.useragentman.com/blog/2011/12/21/cross-browser-css-cursor-images-in-depth/

사용자 정의 커서를 만들 때 접근성을 고려하는 것을 잊지 마세요! 건배 :)

Answer 3

(대체이나 기본 커서) 사용자 정의 커서 설정하는 JQuery와 방법 :

$('selector').css({'cursor': 'url(/cursors/customMoveCursor.cur), default'});