
28/09/2011, 13:31
|
 | | | Fecha de Ingreso: septiembre-2011
Mensajes: 31
Antigüedad: 13 años, 5 meses Puntos: 2 | |
jquery fade cross Gracias, de nuevo yo con mis dudas existenciales de html y jquery.. he seguido un tuto paso a paso... y no me funciona... hasta imprimi las hojas del codigo a ver si había cometido un error y no doy... quiero hacer un fade cross en una imagen.. esto es lo que tengo:
en el javascript
<script type="text/javascript">
<!--
$(document).ready(function(){
$('div.fade').hover(function(){
//hover in
var div = $('>div, this');
div.fadeIn(250);
}, function(){
//hover out
var div = $('>div, this');
div.fadeOut(250);
});
});
//-->
</script>
en el html
<body>
<div class="fade">
<img src="images/who.jpg" alt="" />
<div>
<img src="images/whoover.jpg" alt="" />
</div>
</div>
</body> y en el css
.fade{
position:absolute;
top:50px;
left:50px;
}
.fade div{
position:absolute;
top:0;
left:0;
display:none;
}
gracias por sus ayudas |