mouse_in_function : executes when the mouse pointer enters the element mouse_out_function : executes when the mouse pointer leaves the element
We can trigger / execute our code while mouse enter into the area by using mouse_in_function and in same way we will execute our code while mouse_out_function . Both these functions we will execute and see the result in this demo.
By using hover effect we will try to change the background color of an div element.
DEMO of Hover Event→
Using multiple elements
In above code we have used hover event to change the background color of single element. Now we will try to use the same code on multiple elements. We will use FadeTo effect on hover over the element .