jueves, 17 de mayo de 2012

Evento mouseout Jquery


Evento mouseout

El evento mouseout() es todo lo contrario que mouseover(), es decir sucede cuando el ratón no está sobre el elemento.

En el siguiente ejemplo haremos uso de ambos eventos mouseover(), mouseout()...

Compruébalo tu mismo...


El código es el siguiente...

<!-- By http://jquery-manual.blogspot.com -->
<!DOCTYPE HTML>
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'></script>
<script type="text/javascript">
$(document).ready(function() {
$(':button#prueba').mouseover(function(){
$("#MostrarTexto").html("<span style='color: red;'>El ratón está sobre el botón</span>");
});
$(':button#prueba').mouseout(function(){
$("#MostrarTexto").html("<span style='color: blue;'>El ratón está fuera del botón</span>");
});
});
</script>
</head>
<body>
<input  type="button" id="prueba" value="Pasa el ratón sobre mi">
<div id="MostrarTexto"></div>
</body>
</html>