bing imageホームページの効果をjquery（フェードイン、フェードアウト）で複製する

Question

したがって、bing.comで見られる効果を再現したいと考えています。最初にそこに行くと、画像の背景が読み込まれ、画像の上にフェードインする一見無作為の箱の束に消えます。ボックスは隠されていることを示しているが、その場所についての最初の表示を与えることを意味する。

私は最初のfadeInを行うためにjqueryを使用していますが、設定した時間だけ遅延させてからfadeOutにします。残りのエフェクトはcss3トランジションで行われます。

は、ここで私が今使っているものです：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.floatBtn').hide().fadeIn(1000); 
    }); 

</script> 

何かアドバイスや助けをいただければ幸いです！

Answer 1

.delay()を関数呼び出しの間で使用すると、それを正確に行うことができます。 （時間のammountことによってそれを遅らせる。）

ので$(document).ready(function() { $('.floatBtn').hide().fadeIn(1000).delay(5000).fadeOut(1000); });