jueves, 17 de mayo de 2012

Evento mouseover jquery


Evento mouseover

El evento mouseover() es prácticamente igual que el evento hover(), es decir que ocurre cuando se pasa el ratón por un determinado elemento.

Pruebalo tu mismo ...


Pasa el ratón sobre mi...


Y el código es el siguiente...

<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').mouseover(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>