javascript - 具有可见性 :hidden instead of display:none 的 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/