जावास्क्रिप्ट माउस कर्सर को किसी छवि में कैसे बदला जाए?

Question

मैंने उदाहरण देखे हैं जहां आप इसे अपने प्रीसेट छवियों में प्रीसेट छवियों में बदल सकते हैं; उदाहरण:

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

लेकिन मेरे अपने /img/my_image.png के बारे में कैसे?

किसी भी मदद के लिए धन्यवाद।

Answer 1

आप, सीएसएस में इसे करने के लिए 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'});