Javascript desvanece-se no fade out sem Jquery e CSS3
Eu estou realmente apertando a minha cabeça para fazer o simples desaparecer e desaparecer do trabalho de imagem de fundo apenas com javascript sem JQuery e CSS3. Eu sei como é fácil chamar um fadeIn () e fadeOut () no Jquery. Infelizmente no meu projeto estou trabalhando, eles não suportam Jquery. Eu quero apoiar a animação do IE6 para sua informação.
Ao clicar nos links, o plano de fundo correspondente da div será esmaecido para dentro e para fora do plano de fundo anteriormente existente. Eu estou tentando fazer isso funcionar com base no setinterval, mas não consegui.
function handleClick(evt){
var element = document.getElementsByClassName(evt.target.id);
fade(element);
}
function fade(element) {
var op = 1; // initial opacity
var timer = setInterval(function () {
if (op <= 0.1){
clearInterval(timer);
element.style.display = 'none';
}
element.style.opacity = op;
element.style.filter = 'alpha(opacity=' + op * 100 + ")";
op -= op * 0.1;
}, 50);
}