ändert Inhalt des Ankerelementes auf schweben

Question

Ich habe einen Image-Tag in meinem Anker-Tag

<a href="#"><img src="a.png">My Link</img></a> 

Ist es möglich, dass, wenn mein Anker-Tag schwebt, kann das Bild auf B.png geschaltet werden, aber dann zurück zu a.png nach dem Freigeben?

Ab jetzt, was ich versuche

<img onMouseOver="b.png"> 

aber das Problem ist, nachdem die Anker-Tag schwebt, ist es nicht zurück ändert.

Answer 1

Versuchen Sie diese Methode:

• das zweite Bild mit display: none ausblenden.
• Beim Schweben, zeigen Sie das zweite Bild und verstecken Sie das erste Bild mit display: none.

img:last-child   { display: none; } 
 
a:hover img:last-child { display: block; } 
 
a:hover img:first-child { display: none; }

<a href="#"> 
 
    <img src="http://dummyimage.com/200x200/000/fff"> 
 
    <img src="http://dummyimage.com/200x200/f00/fff"> 
 
</a>