0

現在、フェードインしてからスライドする div があります。遅延後にフェードとスライドが同時に発生する必要があります。これが可能かどうか誰にもわかりますか?これが私が現在持っているものです:

<script type="text/javascript">
$(document).ready(function(){
    $('#image1').hide();
    $('#image1').delay(2500).fadeIn('3000');
    $('#image1').animate({'margin-top': '150px'}, 1000);
});   
</script>
4

4 に答える 4

7

fadeIn()基本的に不透明度を 0 から 1 にアニメーション化するので、animate()関数でそれを行うか、queue()関数を使用してカスタム アニメーション キューを作成します。

$(document).ready(function(){
    $('#image1').hide()
                .delay(2500) 
                .animate({
                      opacity  : 1, 
                      marginTop: '150px'
                }, 1000);
});   
于 2013-03-19T16:05:50.963 に答える
2
<script type="text/javascript">
    $(document).ready(function(){
        $('#image1').hide();
        $('#image1').delay(2500).animate({marginTop: '150px', opacity: 1}, 1000);
    });   
</script>
于 2013-03-19T16:05:35.157 に答える
1

これを参照してください:

 $(document).ready(function(){
   $('#image1').hide().delay(2500).queue(function(next) {
      $(this).fadeIn({duration:3000, queue:false}).animate({'margin-top':  '150px'}, {duration:3000, queue:false});
   });
});

サンプル

または、不透明度をより適切にアニメーション化します。

 $(document).ready(function(){
    $('#image1').hide().delay(2500).animate({marginTop: '150px', opacity: 1}, 1000);
 });
于 2013-03-19T16:05:43.520 に答える
0

ご利用の場合はお電話slideDown不要です。fadeInそれではどうですか:

$(document).ready(function(){
    $('#image1').hide(); // If you start off with CSS hidden styles, this is not needed.
    $('#image1').delay(2500).slideDown(3000);
});

animateスタイルシートで適切なマージンを設定した場合も呼び出しは必要ないことに注意してください。

于 2013-03-19T16:20:47.173 に答える