jquery mouseover and mouseout event
Examples :Image change when mouse over and mouseout
<html>
<head>
<script type=’text/javascript>
jQuery(document).ready(function () {
jQuery(‘.yellow’).bind(‘mouseover’, yellow_mouseover)
jQuery(‘.yellow’).bind(‘mouseout’, yellow_mouseout)
function yellow_mouseover()
{
jQuery(‘.yellow’).attr(“src”,”images/yellow.gif”);
}
function yellow_mouseout()
{
jQuery(‘.yellow’).attr(“src”,”images/yellow1.gif”);
}
});
</script>
</head>
<body>
<img class=’yellow’ src=’images/yellow1.jpg’>
</body>
</html>