jueves, 17 de mayo de 2012

Evento mousemove Jquery


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


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