Javascript hover on element

In this tutorial we will learn .

onmouseover event

onmouseover event occurs when mouse hovers over the HTML element

onmouseout event

onmouseout event occurs when mouse moves out of the HTML Tag

src property

src property sets or returns the value of the src attribute of the img tag.

HTML Code

HTML Code is given below, we have a img tag with onmouseover and onmouseout events.

Take a look at the code, in this code changeImage() function will be executed on both mouse hover and mouse out events.

This function will change the image using src property.

Which image is to use depends on the value passed to the function as a parameter.

Demo

Check Demo

Video Tutorial

Watch video tutorial on .