Desaparecer div con evento hover - jquery



   AUTOR PREGUNTA

Publicado 25 junio 2014 - 04:51

¿Con jQuery de qué forma puedo hacer que un div se desvanezca con el evento hover?


¿Tienes la misma pregunta? Yo también

 

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"}); } );

 

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'); });

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; }

   AUTOR PREGUNTA

Publicado 25 junio 2014 - 06:45

Gracias a todos, tengo de donde escoger jeje