0

このような再帰関数を使用して、ページの div に連続的なパルス効果を作成していますが、機能しています。ただし、ドキュメントのフローから div 要素が削除されているように見えるfadeOut()ため、ページ上の他の要素の位置がずれます。反復パルス効果と同じ機能を提供するこの機能に代わるものはありますか?

コード

(function pulse(){
            if(needStop) {
                needStop = false;
                return;
            }
        $('#player1,#score1').delay(200).fadeOut('slow').delay(50).fadeIn('slow',pulse);
    })();
4

3 に答える 3

1

プラグインを使用してもかまわない場合は、jQuery に適したプラグインを次に示します。

http://james.padolsey.com/javascript/simple-pulse-plugin-for-jquery/

更新されたリンク:

http://jsoverson.github.com/jquery.pulse.js/

于 2013-04-03T10:16:25.233 に答える
1

不透明度をアニメーション化してみてください。

$('#player1,#score1').delay(200).animate({
    opacity: 0
}, 'slow', function(){
    setTimeout(function(){
        $('#player1,#score1').delay(50).animate({
            opacity: 0
        }, 'slow', pulse );
);

http://api.jquery.com/animate/

https://developer.mozilla.org/en/docs/DOM/window.setTimeout

于 2013-04-03T10:17:07.513 に答える
1

CSS も使用できますが、おそらく少ないコードです。このソースは素晴らしいです: http://daneden.me/animate/build/

これらすべての効果は、css クラスを追加および削除するだけで適用できます

于 2013-04-03T10:18:07.163 に答える