2013-04-04 30 views
0

我有這個無限的搏動功能JQuery的無限脈衝函數能見度:隱藏,而不是顯示:無

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方法應用於無限脈動函數。

感謝,

回答

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

http://jsfiddle.net/QWujL/

+0

正是我想要的。謝謝@chrx :) – 2013-04-04 00:53:50

+1

只需要注意,像這樣的遞歸函數會提高最大堆棧大小,並且如果您需要非常緩慢而不是使用遞歸動畫,則使用遞歸超時,因爲它們可以更容易清理。 – 2013-08-29 23:01:56

0

如果使用fadeTo爲0.01,而不是淡出的不透明度,相信該元素將繼續,但是這將是肉眼看不到。

這樣你就不必爲隱藏可見性而虛張聲勢。