Changer le point chaud du curseur de la souris sur une page Web

Question

Je voudrais changer le point chaud d'un pointeur de la souris, dont nous avons changé l'icône en utilisant un fichier .cur, pour être dans le coin inférieur droit de l'image, plutôt que le en haut à gauche.

À l'instar d'un curseur en forme de flèche inversée, les concepteurs/boss ont imaginé un joli design qui nécessite presque cela.

Est-il possible de changer le point chaud d'un curseur de souris sur une page Web?

Answer 1

Je ne l'ai pas testé, il a obtenu de developer.mozilla.org:

Prise en charge de la syntaxe CSS3 pour les valeurs du curseur se est ajouté dans Gecko 1.8beta3; il fonctionne donc dans Firefox 1.5. Il permet de spécifier les coordonnées du point d'accès du curseur, qui seront fixées aux limites de l'image du curseur. Si aucune n'est spécifiée, les coordonnées du hotspot sont lues dans le fichier lui-même (pour les fichiers CUR et XBM) ou sont définies dans le coin supérieur gauche de l'image. Un exemple de la syntaxe CSS3 est:

cursor: url(foo.png) 4 12, auto; 

Lien vers CCS3 cursor

Answer 2

Ce n'est pas possible, et je suis content - je pense que vous ne feriez que frustrer vos utilisateurs avec ceci.

Editer: J'ai eu tort - je ne pensais pas que c'était possible - je ne pense toujours pas que vous devriez le faire cependant.

Answer 3

Vous ne pouvez pas. Et comme la plupart des gens ici je vous dis de ne pas le faire même si vous pouviez ...

Cependant, je pourrais imaginer quelque chose comme ça pour des cas très spécifiques comme la page d'un artiste, ou pour un curseur de jeu, ou une sorte de carte en 3D avec le curseur pointant vers le bas. Maintenant, si vous avez vraiment besoin d'un curseur spécial pour un site orienté média, par opposition à un site d'information, je cacherais le curseur, avec un fichier curseur vide et j'utiliserais du Javascript pour attacher une image flottante sur le curseur "Le point chaud est ailleurs. Bien sûr, la convivialité et la compatibilité de vos sites vont diminuer, mais la solution ci-dessus est si vous avez vraiment besoin de prendre la liberté créative, et vos utilisateurs sont ouverts d'esprit à ce genre de choses.