Buenas a todos lo que deseo hacer es que un grupo de div que están uno enésima del otro se mueva asía arriba automáticamente como en esta pagina en la parte derecha debajo de el titulo "reacciones recientes" en la siguiente pagina....
http://ayudinga.com/netfilicos/tag/efectos-jquery... como puedo hacer ese mismo efecto con jquery...
lo intente pero lo que me salio fue lo siguiente..
http://jirehluz.tuars.com/Prueva/prueva.html utilizando este código
Código:
<html>
<head>
<title> Prueba</title>
<script src="../JQuery/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="cycle/jquery.cycle.all.js"></script>
<script type="text/javascript" src="cycle/jquery.cycle.lite.js"></script>
<script type="text/javascript"> //Especificamos el lenguaje que vamos a utilizar en el script
$(document).ready(function(){ //Iniciamos la librería de jQuery
$("#slider_imagenes").cycle({ //Especificamos a que div deseamos aplicarle el efecto
fx: "fade", //Tipo de efecto que deseamos aplicar a las imágenes
speed: 700 //Velocidad que van a tener las imágenes
});
});
</script>
</head>
<body>
<div id="imagenes">
<div id="slider_imagenes">
<div class="grid_5 alpha" id="fondos">
<div id="imagen" class="float">
<img src="../Imagenes/claro.png" width="80" height="80" alt="Jireh Luz Escuela de Choferes" longdesc="loco_jireh_luz3.png" />
</div>
<div id="text" class="float">
La red donde <br/> Todo es Posible
</div>
</div>
<div class="grid_5 alpha" id="fondos">
<div id="imagen" class="float">
<img src="../Imagenes/orange.png" width="80" height="80" alt="Jireh Luz Escuela de Choferes" longdesc="loco_jireh_luz3.png" />
</div>
<div id="text" class="float">
Tu vida <br/> Cambia con Orange
</div>
</div>
<div class="grid_5 alpha" id="fondos">
<div id="imagen" class="float">
<img src="../Imagenes/tricom.png" width="80" height="80" alt="Jireh Luz Escuela de Choferes" longdesc="loco_jireh_luz3.png" />
</div>
<div id="text" class="float">
Fuera de aqui <br/> nada se vive mejo
</div>
</div>
</div>
</div>
</body>
</html>