.mouseover() Event

Syntax

.mouseover()

Description

.mouseover() event is used to trigger an action when the mouse is moved over a particular element. The mouse over event occurs when the pointing device gets over an 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 over and out of an element.

Example Code

<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>