Bild ändern bei mouseover
Habe ich eine einfache html/css Seite, wo ich ein Bild zeigen.
Nun bewegt der Benutzer die Maus auf dem Bild, würde ich gerne tauschen Sie das Bild auf ein anderes Bild.
Beim verlassen des Bildbereichs, das alte Bild sollte wieder angezeigt werden.
Wie kann ich das erreichen? Eine version, die funktioniert ohne javascript wäre am besten.
Vielen Dank im Voraus!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Können Sie CSS verwenden, ändern Sie das Hintergrundbild eines Elements, wenn Sie die Maus über Sie. Die
hover
pseudo-Klasse unterstützt, auf die meisten Elemente in neueren Browsern, aber rückwärts-kompatibel (Internet Explorer 6), die Sie verwenden müssen, ein Anker-tag fürhover
zu arbeiten.Das onclick-Ereignis der link ist nur so, dass nichts passiert, wenn Sie klicken Sie auf es, es hat nichts mit der schwebenden Effekt zu tun. Natürlich können Sie etwas tun, wenn das Bild angeklickt wird, wenn Sie möchten.
HTML:
CSS:
Diese scheint ziemlich prägnant und gut geschrieben (Hinweis: der CSS-rollover-Lösungen funktioniert nicht auf IE6.)
HTML: