Maison  >  Article  >  interface Web  >  Comment changer la forme du pointeur de la souris en javascript

Comment changer la forme du pointeur de la souris en javascript

coldplay.xixi
coldplay.xixioriginal
2021-04-08 15:20:216180parcourir

Comment changer la forme du pointeur de la souris avec JavaScript : Créez d'abord un nouveau fichier, créez un div avec l'identifiant a, et donnez-lui la largeur, la hauteur et la couleur d'arrière-plan, puis ajoutez un script pour créer la souris ; passez au div et changez-le en forme de main.

Comment changer la forme du pointeur de la souris en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur DELL G3.

Comment changer la forme du pointeur de la souris en utilisant JavaScript :

1 Créez un fichier html de test dans le dossier, une image ico comme pointeur, et. la taille de l'image 32x32 est recommandée, et le maximum ne peut pas dépasser 128x128 (jpg et d'autres formats peuvent également être utilisés, ico est pour la compatibilité avec certains IE).

Comment changer la forme du pointeur de la souris en javascript

2. Créez un div en test avec l'identifiant a et donnez-lui la largeur, la hauteur et la couleur de fond.

Comment changer la forme du pointeur de la souris en javascript

3. Lorsque la souris est ouverte dans le navigateur, c'est le style par défaut.

Comment changer la forme du pointeur de la souris en javascript

4. Maintenant, nous ajoutons le script derrière le div pour que la souris se déplace sur le div pour prendre la forme d'une main.

a.onmouseover = function(){
this.style.cursor = 'pointer';
}

Comment changer la forme du pointeur de la souris en javascript

5. Lorsque nous ouvrons à nouveau le navigateur, nous constatons que lorsque la souris se déplace sur le rectangle gris, celui-ci prend la forme d'une main.

Comment changer la forme du pointeur de la souris en javascript

Recommandations d'apprentissage gratuites associées : javascript(vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn