Ver Mensaje Individual
  #7 (permalink)  
Antiguo 16/08/2012, 05:11
3nr1c
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: quien sabe como hacer el siguiente efecto

Con javascript (y usando jQuery) sería algo así:

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.   $('#contenedor').mouseover(function(e){
  3.     $('#boton').animate({top:'-100%',display:'block'},200);
  4.     $('#logo').fadeOut(100);
  5.   });
  6.  
  7.   $('#contenedor').mouseout(function(e){
  8.     $('#boton').animate({top:'-80%',display:'none'},200);
  9.     $('#logo').fadeIn(100);
  10.   });
  11. });

El div#boton tendría que tener este css:
Código CSS:
Ver original
  1. div#boton {
  2.   display:none;
  3.   position:relative;
  4.   top:-80%;
  5. }

Habría que probarlo, pero creo que va por ahí la cosa

Saludos!

Última edición por 3nr1c; 16/08/2012 a las 05:12 Razón: Error en el codigo CSS