JavaScript Program to Create Image Rollover Effect

Write a JavaScript program to create Image Rollover effect.

Source Code

<html>
<head>
    <title>Create a rollover example</title>
</head>
<body>
<img src="sad.gif" width="60" onmouseover="src='happy.gif'" onmouseout="src='sad.gif'"/>
<p>Mouse over me</p>
</body>
</html>

Output

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