Comment faire pour modifier une image sur un cours de souris en HTML

boutons de site web contenant des images qui changent sur mouseover fournir à vos visiteurs une expérience plus dynamique. Ils envoient aussi une instruction subtile de cliquer sur le bouton. Choisissez votre bouton-état normal et celui qui affiche quand un utilisateur survole le bouton. Utiliser HTML et javascript pour accomplir cette complément utile à votre page Web.

Instructions

  1. Ouvrez un éditeur de texte ou HTML et insérer le suivant:

  2. Localisez la zone de votre bouton et insérer le suivant:

    Href ="mydoc.html"

    onmouseover = "rollover ('myimage')"

    onmouseout = "déploiement ('myimage')"

    gt;

    SRC ="mainbutton.jpg"

    NAME ="myimage"

    ALT ="Page d'accueil" BORDER = 0

    HEIGHT = 130 WIDTH = 115

    gt;

    Remplacer "mydoc.html" avec votre nom de fichier. Remplacer "mainbutton.jpg" et "overbutton.jpg" avec les noms d'image de vos boutons principaux et mouseover respectivement.

  3. Enregistrez votre fichier. Vérifiez que les images existent dans le même répertoire que votre document HTML ou le chemin donnés dans votre "SRC" et "setrollover" attributs. Essai en double-cliquant sur le fichier sur votre système.

» » » » Comment faire pour modifier une image sur un cours de souris en HTML