Foros del Web » Creando para Internet » CSS »

imagen que se mueva de abajo hacia arriba al pasar el raton por un enlace

Estas en el tema de imagen que se mueva de abajo hacia arriba al pasar el raton por un enlace en el foro de CSS en Foros del Web. Hola a todos. No se mucho de programación css y estoy intentando hacer una pagina con un efecto en el menú que no consigo hacer ...
  #1 (permalink)  
Antiguo 04/07/2014, 10:35
 
Fecha de Ingreso: julio-2014
Mensajes: 1
Antigüedad: 10 años, 5 meses
Puntos: 0
imagen que se mueva de abajo hacia arriba al pasar el raton por un enlace

Hola a todos.
No se mucho de programación css y estoy intentando hacer una pagina con un efecto en el menú que no consigo hacer del todo.

Me gustaría hacer que al pasar el ratón por el enlace del menú comenzase a aparecer una imagen por debajo. La imagen tiene que subir mientras esté el ratón sobre el enlace y hasta que aparezca por completo. Una vez el ratón se retire del enlace la imagen parará y volverá hacia abajo hasta su posición inicial.

Muchas gracias.
  #2 (permalink)  
Antiguo 05/07/2014, 13:28
Avatar de Nerissa17  
Fecha de Ingreso: julio-2014
Ubicación: Londres
Mensajes: 11
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: imagen que se mueva de abajo hacia arriba al pasar el raton por un enlace

Cita:
Iniciado por dangarb Ver Mensaje
Hola a todos.
No se mucho de programación css y estoy intentando hacer una pagina con un efecto en el menú que no consigo hacer del todo.

Me gustaría hacer que al pasar el ratón por el enlace del menú comenzase a aparecer una imagen por debajo. La imagen tiene que subir mientras esté el ratón sobre el enlace y hasta que aparezca por completo. Una vez el ratón se retire del enlace la imagen parará y volverá hacia abajo hasta su posición inicial.

Muchas gracias.
Te aconsejo que mejor ese efecto lo hagas con jquery. Si usas el metodo .slideDown() conseguiras el efecto que quieres! ;)

Te dejo aqui una pagina donde te pone ejemplos de como usarlo,tan solo cambia donde pone $( "#clickme" ).click(function() para que no sea al clickar,cambialo por:

$("#clickme").mouseenter(function(){

});

y dentro de la funcion pones lo del metodo .slideDown().
  #3 (permalink)  
Antiguo 05/07/2014, 14:00
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: imagen que se mueva de abajo hacia arriba al pasar el raton por un enlace

Puedes usar transiciones o animaciones CSS.

Por ejemplo:


Etiquetas: abajo, arriba, enlace, hacia, raton
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:15.