JavaScript, wie man den Mauscursor zu einem Bild ändert?

Ich habe Beispiele gesehen, wo Sie es zu voreingestellten Bildern ändern können, die Ihr Betriebssystem hat; Beispiel:JavaScript, wie man den Mauscursor zu einem Bild ändert?

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

Aber wie wäre es mit meiner eigenen /img/my_image.png?

Danke für jede Hilfe.

Quelle

2012-06-02 JDS

ist [diese] [1] , was Sie suchen? Wenn ja, sollte dies als ein Duplikat markiert werden [1]: http://StackOverflow.com/Questions/336925/Custom-Cursor-Image-Css –

Wahrscheinlich. Ich sehe den Code "a.heroshot img { Cursor: url (/img/layout/backgrounds/moz-zoom.gif), -moz-zoom-in; }", aber ich bin mir nicht sicher, wie es zu implementieren ist . Was ich jetzt habe, ist eine Schaltfläche, und wenn ich darauf klicke, habe ich eine Funktion, die das erledigt. Innerhalb dieser Funktion möchte ich den Cursor in ein Bild ändern, aber ich bin mir nicht sicher, wie ich diesen Code verwenden soll. – JDS

Sie können, indem Sie eine URL, um es in CSS festgelegt wird:

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

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

Quelle

2012-06-02 22:41:47 malangi

Uhg ... w3schools. Haben Sie eine andere Referenz? +1 trotzdem. –

https://developer.mozilla.org/en/CSS/cursor – jimr

@pst lol. Es tat mir auch weh, aber der Code war trivial. – malangi

ich nicht in der Regel externe Artikel verlinkt, aber dieser deckt Ihre Bedürfnisse. Ich habe die relevanten Sachen hier für die Persistenz kopiert.

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

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

Bitte Zugänglichkeit zu berücksichtigen, wenn Ihre benutzerdefinierten Cursor zu machen! Cheers :)

Quelle

2012-06-03 05:08:20

Die JQuery Weise einen benutzerdefinierten Cursor (oder Standard-Cursor als Ausweich) einzustellen:

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

Quelle

2014-04-11 06:06:00 Kalle

JavaScript, wie man den Mauscursor zu einem Bild ändert?

Antwort

Verwandte Themen