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>
No hay comentarios:
Publicar un comentario