Desaparecer div con evento hover - jquery
Iniciado por
Pascual
, jun 25 2014 04:51
Pulsa corazón para recibir avisos de nuevas Respuestas
Pascual
AUTOR PREGUNTA
#1
Publicado 25 junio 2014 - 04:51
¿Con jQuery de qué forma puedo hacer que un div se desvanezca con el evento hover?
Preguntado por
Pascual
Cuenta Std
32
Esto también te interesa!
Cristian Moreno
#2
Publicado
25 junio 2014 - 05:13
Te dejo un ejemplo utilizando el evento hover:
$(".imagen-hover").hover( function() {
$(this).stop().animate({opacity: "0.8"}); },
function() {
$(this).stop().animate({opacity: "1"}); } );
George10
#3
Publicado
25 junio 2014 - 05:14
Tambien puedes hacerlo haciendo referencia al nombre de la clase:
$(".imagen-hover").hover(function() {
$(".desc").animate({opacity: '0.75'},'slow'); },
function() {
$(".desc").animate({opacity: '0'},'slow'); });
Invitado_Jonathan A_*
#4
Publicado
25 junio 2014 - 05:30
Lo puedes realizar mediante CSS3, por si no quieres trabajar con jQuery:
div.claseDiv {
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity; }
div.claseDiv:hover { opacity: 0.8; }
Pascual
AUTOR PREGUNTA
#5
Publicado 25 junio 2014 - 06:45
Gracias a todos, tengo de donde escoger jeje