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

时间:2013-04-04 00:36:31

标签: javascript jquery css ajax jquery-animate

我有这种无限的脉动功能

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方法实现为无限脉动函数。

谢谢,

2 个答案:

答案 0 :(得分:1)

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

http://jsfiddle.net/QWujL/

答案 1 :(得分:0)

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

通过这种方式,您根本无法隐藏可见性。