相关疑难解决方法(0)

我正在挤压我的头,使得简单的淡入和淡出背景图像仅使用javascript而不使用JQuery和CSS3.我知道在Jquery中调用fadeIn()和fadeOut()是多么容易.不幸的是,在我的项目中,我正在工作,他们不支持Jquery.我想支持IE6中的动画作为您的信息.

单击链接时,div的相应背景将从先前存在的背景中淡入和淡出.我试图使它基于setinterval工作,但不能这样做.

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

​

http://jsfiddle.net/meetravi/2Pd6e/4/