2011-08-15 5 views
0

Y a-t-il des astuces disponibles pour agrandir le curseur de ma souris en survolant un objet particulier? (Désolé je suis assez bas avec les langages de balisage et la feuille de style, donnez svp des conseils, des conseils et des informations constructives alors n'hésitez pas à downvote moi :-(si vous souhaitez)Agrandissement du curseur de la souris

+0

Etroitement lié: http://stackoverflow.com/questions/6648279/cursor-256x256-px-size –

+0

Merci, mais pas tout à fait/ –

+0

Voulez-vous agrandir le ** curseur **, ou l'élément ** dessous ** le curseur? Le "curseur" est la petite flèche sur l'écran. Voulez-vous une plus grande flèche, ou voulez-vous que les choses sur la page pointée vers la flèche grossissent? – Pointy

Répondre

1

Vous devriez être en mesure de trouver ce que votre après avoir utilisé le curseur CSS propriété:

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

Je ne crois pas que vous pouvez redimensionner le curseur par-dire que le navigateur est en contrôle du curseur Cependant, vous pouvez spécifier votre propre image que le curseur via « url »:.

http://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&preval=url%28smiley.gif%29,url%28myBall.cur%29,auto

(vous devrez peut-être créer une solution de contournement javascript pour les anciens navigateurs qui ne supportent pas l'URL):

+4

[S'il vous plaît envisager d'éviter w3schools.com.] (Http://w3fools.com) – Pointy

+0

Merci, mais cela change complètement mon curseur. J'ai besoin d'agrandir ce qui est sous ma souris. –

+0

@Pointy, pourquoi est-ce? –

1

Il n'y a aucun moyen de dire au navigateur (ou, au moins, aucun moyen de cross-browser) pour faire simplement son curseur plus grand. Vous pouvez cependant utiliser votre propre image pour un curseur:

.your-class:hover { cursor: url(/img/your_cursor.png), pointer; } 

Selon le Mozilla docs, il est pris en charge par la plupart des navigateurs de nos jours.

+0

Merci, je souhaite dessiner un cercle ou un rectangle transparent à l'arrière-plan. Pourriez vous m'aider s'il vous plait ? –

+1

@Serious avez-vous besoin d'aide pour implémenter le CSS ou dessiner l'image? –

1

L'apparence réelle du curseur de la souris dépend du navigateur et de la configuration du système d'exploitation, il n'y a aucun moyen de modifier les paramètres par défaut.

Vous pouvez cependant vous attacher l'image personnalisée avec le curseur (ce qui est loin d'être idéal, mais la seule solution OMI)

.customCursor { cursor: url(cursor.cur),default; } 

Dans l'exemple ci-dessus, vous indiquez le navigateur à utiliser votre curseur personnalisé , si ce n'est pas le cas par défaut.

Questions connexes