.mouseout() Event

Syntax

.mouseout()

Description

.mouseout() event is used to trigger an action when the mouse is moved out of a particular element. The mouse out event occurs when the pointing device gets out of the element. This attribute may be used with most elements. The below example shows how to change the style of the text when the mouse is moved out and over an element.

Example Code

<br><script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("#para").mouseover(function(){ $("#para").text("Now the mouse is over the element").css("background-color","yellow"); }); $("#para").mouseout(function(){ $("#para").text("The mouse is out").css("background-color","grey"); }); }); </script> <form class='frms' style='border:none;' name="f1" > <div id='para'> Move the mouse over here </div> </form>