同时jQuery动画和淡入淡出背景图像

我有一个选择器我正在尝试设置动画，同时淡出它的背景图像并淡入另一个背景图像。这是我迄今为止所拥有的。该剧本运作良好，但它首先动画然后淡出。你知道一种方式，它在同一时间动画和淡入淡出吗？同时jQuery动画和淡入淡出背景图像

$(document).ready(function(){ 
    $(".selector").click(function() { 
     $(this).animate({left: "75px"}, function() { 
      $(this).fadeOut("fast", function() { 
       $(this).addClass("selector-hover").fadeIn("fast"); 
      }); 
     }); 

     return false; 
    }); 
});

我希望这是有道理的。感谢您的帮助。

来源

2012-10-01 Julesfrog

只是调用相同元素上的动画，而不是在回调中 – Huangism

好吗使用从这个例子jquery动画页面

$("#go1").click(function(){ 
    $("#block1").animate({ width: "90%" }, { queue: false, duration: 3000 }) 
    .animate({ fontSize: "24px" }, 1500) 
    .animate({ borderRightWidth: "15px" }, 1500); 
});

队列假应该做的伎俩，看看网页，看看它在行动。您需要向下滚动一下

来源

2012-10-01 19:16:08 Huangism

谢谢黄祸。这就是我一直在寻找的。 – Julesfrog

幸运的是，我只是用这个来制作一个小部件，yw – Huangism

呀，不要把回调褪色...

$(document).ready(function(){ 
    $(".selector").click(function() { 
     $(this).animate({left: "75px"}).fadeOut("fast", function() { 
      $(this).addClass("selector-hover").fadeIn("fast"); 
     }); 
     return false; 
    }); 
});

来源

2012-10-01 19:01:27

链上一起 – Huangism

谢谢答案凯。不幸的是，它仍然分别触发两种效应。 – Julesfrog

这是包住淡入的动画回调里面.. 的效果回调的结束后被解雇动画，所以由淡入启动动画已经完成的时间..

尝试将淡出和淡入的动画回调外，它应该工作正常..

来源

2012-10-01 19:03:53

感谢您的回答sushanth。这是我在阅读Kai的答案后所做的。不幸的是，它仍然分别触发两种效应。 – Julesfrog

同时jQuery动画和淡入淡出背景图像

回答

相关问题