javascript - 具有可见性的 JQuery 无限脉冲函数：隐藏而不是显示：无

Question

我有这个无限脉动功能

function pulsate(element) {
    $(element || this).delay(150).fadeOut(1000).delay(150).fadeIn(1000, pulsate); 
}

取自 jQuery：infinite fadeOut $fadeIn effect？

我想用visibility:hidden而不是做脉冲效果display:none

我读过这个线程 jQuery fadeOut without display none? 但仍然令人困惑。如何将这种visibility:hidden方法实现到无限脉动功能。

谢谢，

Answer 1

function pulsate(element) {
    $(element || this).animate({ opacity: 0 }, 1000, function() {
        $(this).animate({ opacity: 1 }, 1000, pulsate);
    });
}

http://jsfiddle.net/QWujL/

Answer 2

如果你使用不透明度为0.01的fadeTo而不是fadeOut，我相信元素会保留，但肉眼是看不见的。

这样，您就不必担心完全隐藏可见性。