Comment changer une image sur une souris sur en html

Modifier une image de bouton sur mouseover.

boutons de site Web contenant des images qui changent sur mouseover fournir à vos visiteurs une expérience plus dynamique. Ils envoient également une instruction subtile de cliquer sur le bouton. Choisissez votre bouton-état normal et celui qui va afficher lorsqu`un utilisateur roule sur le bouton. Utiliser HTML et javascript pour accomplir cet ajout utile à votre page Web.

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

  • 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.

  • Enregistrez votre fichier. Vérifiez que les images existent dans le même répertoire que votre document HTML ou sur le chemin donné dans votre "SRC" et "setrollover" les attributs. Essai en double-cliquant sur le fichier sur votre système.
Technologie / Web design & développement / Développement web

AUTRES

» » » » Comment changer une image sur une souris sur en html