Les sujets:

Les partenaires publicitaires:

Réponses populaires

Questions connexes

Les partenaires publicitaires:

Comment changer le bouton de survol de la souris

Vous pouvez animer du texte, des images et des boutons sur votre page Web à l'événement MouseOver. Il vous permet de manipuler le code HTML en fonction des actions de l'utilisateur. MouseOver travaille main dans la main avec l'événement MouseOut. MouseOver fonctionne lorsque votre souris survole un objet, tandis que MouseOut fonctionne lorsque l'objet est plus sélectionné. Vous pouvez utiliser MouseOver pour modifier le texte et la couleur des touches avec quelques lignes de javascript.

Instructions

  1. Démarrez un éditeur de texte, tel que Notepad, TextPad ou EditPad. Sélectionnez "Fichier" et "Ouvrir" dans le menu et double-cliquez sur le fichier HTML que vous souhaitez modifier.

  2. Faites défiler jusqu'à la tag de votre fichier, où le bouton va.

  3. Insérez le code suivant pour modifier le texte du bouton avec votre souris:




  4. Remplacer "Cliquez pour Change Me" avec le texte original qui affiche avant la MouseOver. Remplacez "On" avec le texte qui apparaît lorsque vous roulez sur le bouton. Remplacer "Off" avec le texte qui apparaît lorsque la souris sort de la touche.

  5. Insérez le code suivant pour changer la couleur du bouton avec votre souris. La couleur d'origine de la touche est rouge.



    onmouseover = "this.style.backgroundColor = 'blue'"

    onmouseout = "this.style.backgroundColor = 'jaune'" />

  6. Remplacez "rouge" avec la couleur d'origine de la touche avant la MouseOver. Remplacez "bleu" avec la couleur qui affiche quand vous roulez sur le bouton. Remplacez "jaune" avec la couleur qui apparaît lorsque la souris sort de la touche.

Questions connexes

» » » » Comment changer le bouton de survol de la souris