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