JavaScript Program to Show Image on Text Rollover

Write a JavaScript program to Show Image on Text Rollover.

Source Code

<html>
<head>
    <title>Create a text rollover example</title>
</head>
<body>
    <TABLE border="0">
        <TR valign="top">
            <TD width="80">
                <A>
                    <IMG src="apple.gif" width="150" border="0" name="fruit">
                </A>
            </TD>
            <TD>
                <IMG src="" width="10">
            </TD>
            <TD>
                <A onmouseover="document.fruit.src='apple.gif'">
                    <B><U>Apple</U></B>
                </A>
                <BR/>
                <A onmouseover="document.fruit.src='mango.gif'">
                    <B><U>Mango</U></B>
                </A>
                <BR/>
                <A onmouseover="document.fruit.src='grapes.gif'">
                    <B><U>Grapes</U></B>
                </A>
                <BR/>
            </TD>
        </TR>
    </TABLE>
</body>
</html>

Output

"Coding Hub - Learn to code" app now available on Google Play Store