Cargando

Ir a contenido

X

Desaparecer div con evento hover - jquery





  AUTOR PREGUNTA

Publicado 25 junio 2014 - 03:51
¿Con jQuery de qué forma puedo hacer que un div se desvanezca con el evento hover?
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 25 junio 2014 - 04: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 - 04: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 - 04: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 - 05:45
Gracias a todos, tengo de donde escoger jeje


X