Evento mousemove
El evento mousemove() es enviado a cualquier elemento cuando el ratón está encima del elemento.
En el siguiente ejemplo veremos que ocurre cuando movemos el curso sobre el botón al cual le hemos pasado el evento mousemove() y que ocurre cuando dejamos de estar sobre él.
Mueve el cursor sobre el siguiente botón...
<!-- 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#boton').mousemove(function(){
$("#MostrarTexto").text("Estas moviendo el cursor dentro del botón.");
});
});
$(document).ready(function() {
$(':button#boton').mouseout(function(){
$("#MostrarTexto").text("Acabas de dejar de mover el cursor dentro del botón.");
});
});
</script>
</head>
<body>
<input type="button" id="boton" value="Muévete colegui">
<div id="MostrarTexto" style="color: green;"></div>
</body>
</html>
No hay comentarios:
Publicar un comentario