Jump to content


Photo

Efeito FadeIn e FadeOut em DIV

Js Javascript FadeIN FadeOut Div

  • Faça o login para participar
2 replies to this topic

#1 Emerine

Emerine

    Normal

  • Usuários
  • 79 posts
  • Sexo:Não informado

Posted 18/12/2015, 23:18

Como eu posso adicionar um efeito de FadeIn e FadeOut ao abrir e fechar o elemento, com base no seguinte script javascript:

Da seguinte forma está funcionando, mas sem o simples efeito de abrir.

 

OBS: também gostaria de saber se é possivel que, ao clicar no mesmo button, fechasse a DIV com um FadeOut.

HTML:

<button type="button onclick="Mudarestado('formulario')">Abrir div</button>
Javascript:
function Mudarestado(el) {
var display = document.getElementById(el).style.display;

if(display == "none")
document.getElementById(el).style.display = 'block';
else
document.getElementById(el).style.display = 'none';
}


#2 Danilomaru

Danilomaru

    Ativo

  • Moderadores
  • 300 posts
  • Sexo:Masculino
  • Localidade:brasil

Posted 24/12/2015, 02:55

Pode fazer assim:

function Mudarestado(el) {
document.getElementById(el).classList.toggle('mostrar');
}

e no CSS defines a animação:

#formulario {
opacity: 0;
transition: opacity .5s;
}
#formulario.mostrar {
opacity: 1;
}

Exemplo: https://jsfiddle.net/fyf4nsk4/



#3 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 27/09/2017, 05:38

Amoxicillin Suspension Dosage For Cat Amitriptyline To Buy Buy Viagra Next Day Shipping generic cialis Cialis 20 Mg Diabete Amoxicillin 500 Dosage





Veja alguns posts relacionados com: Js, Javascript, FadeIN, FadeOut, Div

1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq