1

ページの読み込み時に遅れて div を表示しようとしましたが、イージング効果もありました。ページの読み込み (5 秒) 後にその div をイージング効果として作成しようとしましたが、その div は適切に表示されますが、イージング効果はありません。ここでイージング効果を出す方法がわかりません。ここにフィドルがあります

jQuery:

jQuery('.bar_b_message').hide(0).delay(5000).show(0)
                        .slideDown(5000, 'easeOutBounce');

HTML:

<div class="bar_builder">
    <div class="bar_b_message">This is for testing.</div>
</div>
4

2 に答える 2

3

「.show()」を削除する必要があります。slideDown メソッドは、div の表示を処理します。

だからこれを試してください：

jQuery('.bar_b_message').hide(0).delay(5000).slideDown(5000, 'easeOutBounce');
于 2013-09-11T12:32:37.293 に答える
2

これを試して

Html (あなたのものと同じ)

<div class="bar_builder">
   <div class="bar_b_message">This is for testing.</div>
</div>

jQuery

$(document).ready(function(){
    $('.bar_b_message').delay(5000).slideDown(5000, 'easeOutBounce');
});

CSS

.bar_b_message{ display: none; }

CSS は、最初は div を非表示にします。読み込み時に、jQuery は 5 秒間一時停止してから、div を下にスライドさせます (slideDown は、div の「display」プロパティも「block」に設定します)。

于 2013-09-11T12:36:03.107 に答える