onmouseover onmouseout Menübild ändern

  • geschlossen
  • JavaScript

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • onmouseover onmouseout Menübild ändern

    Hallo erstmal, ich wollte ein Menü erstellen, wobei sich das Menübild ändert sobald ich mit der maus darüber fahre...

    Dynamische grafische Buttons

    siehe hier, und diesen code habe ich auch verwendet, es ging leider nicht, nun, habe ich ein paar stunden weiter gebastelt, und gesucht, und bin jetzt bei diesem ergebnis, das ich hier in einem geschlossenen thread gefunden habe, das funkt aber auch nicht bitte kann mir jemand helfen!!!
    im head
    var src1 = 'Bilder/kontakt1.jpg';
    var src2 = 'Bilder/kontakt2.jpg';

    im body das bild mit dem darüberligendem link

    Quellcode

    1. <div id = "menu">
    2. <table >
    3. <tr>
    4. <td> <a href ="links/link1.html">
    5. <img src="bilder/Kontakt1.jpg" alt ="Kontakt" style="border-radius:5px; opacity: 0.7;"
    6. onmouseover="this.src = src2"
    7. onmouseout="this.src = src1" /> </a> </td>
    8. </tr>
    9. </table>
    10. </div>
    Alles anzeigen

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Broken Sword () aus folgendem Grund: Code-Tags benutzen =&gt; Regeln lesen!

  • Warum nimmst du dafür uraltes und langsames Javascript und nicht einfaches CSS .

    Bei denen due die Links mit einem Hintergrund versiehst dun mit dem pseudoelement :hover den Hintergrund änderst.

    Siehe z.B. so:
    Rollover-Buttons mit CSS - Beispiel 5

    Geht einfach mit:

    Quellcode

    1. a {
    2. display:block;
    3. background-image:url(button.gif);
    4. width:120px; height:30px
    5. }
    6. a:hover {
    7. background-image:url(button_on.gif);
    8. }

    fertig.
    Bevorzugte: puck8, Big Dunker, t0b1, CrYstaLX, Kriss Kross, Tiger22, Abu N.

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Broken Sword () aus folgendem Grund: Code-Tags benutzen =&gt; Regeln lesen!