JavaScript淡入，淡出数字也使我的图像居中

Question

这就是我所拥有的：

的JavaScript

<script type="text/javascript">
    $(document).ready(function() {
        $('#mixer').fadeIn(3000).delay(2000).fadeOut(1500);
        $('#mixer1').delay(2000).fadeIn(3000).fadeOut(2000);
        $('#turntable').delay(2000).fadeIn(3000).fadeOut(1500);
        $('#turntable1').delay(2000).fadeIn(1500);
    });
</script>

CSS

#mixer, #mixer1, #turntable, #turntable1 {
    display: none;
    position: absolute;
    left: 50;
    right: 10;
    margin - left: auto;
}

基本上我只是希望它在中间淡入和淡出。

Answer 1

使用回调

$(document).ready(function() { 
  $('#mixer').fadeIn(function() {
    $(this).fadeOut();

    $('#mixer1').fadeIn(function() {
      $(this).fadeOut();

      ...  

    }, 3000);

  }, 3000);
});