1

画面の下部から上部に div を移動させようとしています。不透明度 0 から始まり、不透明度 1 が中央にあり、上部が 0 に戻ります。すべては 3 秒の遅延で開始する必要があります。

        $("#circle")
                .css({'display':'block'})
                .css({'opacity': '0'})
                .css({'top':$(window).height()})
                .delay(3000)
                .animate({'opacity':1},{duration:1000},"linear")
                .animate({'top':$(window).height()/2},{duration:1000, queue:false},"linear")                
                .animate({'opacity':0},{duration:1000},"linear")
                .animate({'top':0},{duration:1000, queue:false},"linear")

「queue:false」も試してみましたが、それでも正しく動作しません。これも線形ではありません。何か案は？

4

1 に答える 1

0

次のようなオブジェクト表記法をより適切に使用する必要があります。

     $("#circle")
                .css({
                      'display':'block',
                      'opacity': '0',
                      'top':$(window).height()
}
)
                .delay(3000)
                .animate({ 
                           'opacity':1 , 
                           'top':$(window).height()/2
                         },
                         {duration:1000},"linear")
                .delay(1000)
                .animate({
                          'opacity':0,
                          'top':0
                         },
                         {duration:1000},"linear");

これを試すか、$(this)セレクターを使用して複数の回線間に遅延を設定してみてください。

幸運を祈ります。jsfiddle リンクがあると常に役立ちます。

于 2012-05-10T00:21:31.630 に答える