如何在没有jQuery的情况下切换元素可见性？

Question

我正在为eBay写一个拍卖模板,希望eBay能够允许它.显然他们没有,因为jquery有像string.replace()等.

代码非常基础.

$(document).ready(function(){

    function changeImage(){
        if($("#coin1").css("display") == "none"){  
            $("#coin1").fadeIn("slow");
        }else{  
            $("#coin1").fadeOut("slow");
        }
    };

    setInterval ( changeImage, 5000 );
});

我基本上需要在普通的Javascript中重写它...

Answer 1

如果你可以在没有褪色效果的情况下生活,那应该非常简单:

function changeImage() {
    var image = document.getElementById('coin1');
    image.style.display = (image.style.display == 'none') ? 'block' : 'none';
}

setInterval(changeImage, 5000);

虽然淡入淡出很酷,但是当我们不允许使用外部库时,它确实使代码变得更加复杂.基本上,您需要处理额外的计时器,以非常短的间隔触发,在每次回调时更改目标元素的不透明度.

如果你真的想要淡化,请参阅"Javascript教程 - 简单淡入淡出动画".