For today we will change the image on mouse over in HTML

 

 

The images:

icon-grey-facebook icon-facebook

The Code:
This is the easiest way to change image on mouse over using HTML is by copying the following code into your HTML page and changing the image locations.

<img src="images/icon-grey-facebook.png"onmouseover= "this.src='images/icon-facebook.png'" onmouseout="this.src='images/icon-grey-facebook.png'" />

Now test and see what it looks like.

If this was helpful please click on the STAR rating and give me a thumbs up, you can also comment below 🙂

Have a good one!! Cheers!