2015-06-07 20 views
5

Stavo cercando di creare una libreria (plugin) per JavaScript che consenta agli utenti di nascondere il mouse e cambiare il cursore del mouse con qualcos'altro.Come nascondere o cambiare il cursore del mouse nei nuovi browser?

E 'stato facile prima solo nel lavoro CSS con cursor, ho trovato alcuni plugin come this, ma ora ho visitato this website che ha cambiato courser mouse.

Perché i nuovi browser (oi sistemi operativi) che non supportano il passaggio del mouse del mouse a un'immagine?

risposta

4

È possibile modificare il cursore su un'immagine, ma deve essere un tipo di file specifico. cioè ico:

.cursor{ 
 
    position:absolute; 
 
    top:0; 
 
    bottom:0; 
 
    left:0; 
 
    right:0; 
 
    cursor: url(http://davidwalsh.name/demo/css-custom-cursor.ico), default; 
 
}
<body><div class="cursor"></div></body>

L'immagine era da this website.

2

Funziona. Prova:

$('html,body').css('cursor','none'); 

O

<pre> 
<span style="cursor:pointer">pointer</span><br> 
<span style="cursor:progress">progress</span><br> 
<span style="cursor:s-resize">s-resize</span><br> 
<span style="cursor:none">s-Hide</span><br> 
</pre> 

JsFiddle

Problemi correlati