Javascript zanika bez Jquery i CSS3
Naprawdę ściskam głowę, aby proste wygaszanie i wygaszanie obrazu tła działało tylko z javascript bez JQuery i CSS3. Wiem, jak łatwo wywołać fadeIn () i fadeOut () w Jquery. Niestety w moim projekcie pracuję, nie obsługują Jquery. Chcę wspierać animację z IE6 dla twoich informacji.
Kliknięcie linków powoduje, że odpowiednie tło div jest wyblakłe i znikające z wcześniej istniejącego tła. Staram się, aby działał w oparciu o setinterval, ale nie mógł tego zrobić.
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);
}