jueves, 17 de mayo de 2012

Evento hover Jquery


Evento hover

El evento hover() ocurre cuando pasamos el ratón sobre algún elemento, por ejemplo cuando queremos que al pasar el ratón sobre un determinado link o texto queremos que aparezca un mensaje.

* También haremos uso de la función html(), que nos permitirá ejecutar código html dentro de nuestra página.

Pruebalo tu mismo...
Pasa el ratón sobre mi...


Y 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(){
$('#caja').hover(function(){
$("#MostrarTexto").html("<b style='color:red;'>¡Bien has pasado el ratón!</b>");
});
});
</script>
</head>
<body>
<div id="caja"><b>Pasa el ratón sobre mi... </b></div>
<div id="MostrarTexto"></div>
</body>
</html>