JSFiddle - React, Tailwind, and code Playground

by sarathsprakash

HTML

<a class="lb" href="home.php"><img id="imgH" src="Bhome.png" onmouseover="onHover(this);" onmouseout="onHoverout(this);"/></a>
<a class="lb" href="AboutUs.php"><img id ="imgA" src="Babout.png" onmouseover="onHover(this);"  onmouseout="onHoverout(this);"/></a>
<a class="lb" href="code.php"><img id ="imgC" src="Bcode.png" onmouseover="onHover(this);" onmouseout="onHoverout(this);"/></a>
<a class="lb" href="login.php"><img id="imgL" src="Blogin.png" onmouseover="onHover(this);" onmouseout="onHoverout(this);"/></a>

JavaScript

var source;
function onHover(img)
{
source=img.src;
img.src="http://cdn1.sportngin.com/attachments/text_block/1723/1679/thumbs-up_small.png"; 
   // do your code
}
function onHoverout(img1)
{
    img1.src=source;
}