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

前端之家收集整理的这篇文章主要介绍了javascript – 如何在没有jQuery的情况下切换元素可见性?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在为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中重写它…

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

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

setInterval(changeImage,5000);

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

如果你真的想要褪色,请参阅“Javascript Tutorial – Simple Fade Animation”.

原文链接:https://www.f2er.com/html/426648.html

猜你在找的HTML相关文章