Javascript 同时淡入淡出_Javascript_Jquery

Javascript 同时淡入淡出

javascript jquery

Javascript 同时淡入淡出,javascript,jquery,Javascript,Jquery,我想同时淡入淡出。我有以下资料： visiblePanel.fadeOut(FU.featureTiming.transition, function () { visiblePanel.next().fadeIn(FU.featureTiming.transition, function () { visiblePanel.next().find('img').removeClass('displayNone') }); }); 如何在淡出图像的同时淡入下一幅

我想同时淡入淡出。我有以下资料：

visiblePanel.fadeOut(FU.featureTiming.transition, function () {
    visiblePanel.next().fadeIn(FU.featureTiming.transition, function () {
        visiblePanel.next().find('img').removeClass('displayNone')
    });
});

如何在淡出图像的同时淡入下一幅图像

不要调用回调中的下一个淡入淡出，而是立即调用它：

visiblePanel.fadeOut(FU.featureTiming.transition);
visiblePanel.next().fadeIn(FU.featureTiming.transition, function(){
    visiblePanel.next().find('img').removeClass('displayNone')
});

下面是一个div同时淡入和淡出的示例：

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#box1').fadeOut('slow', function() {
                 // Animation complete
            });
            $('#box2').fadeIn('slow', function() {
                 // Animation complete
         });
});
</head>
<body>
    <div style="width:100px; height:100px; background-color:green" id="box1"></div>
    <div style="width:100px; height:100px; background-color:red; display:none"  id="box2"></div>
</body>
</html>


$（文档）.ready（函数（）{
$（'#box1'）.fadeOut（'slow'，function（）{
//动画完成
});
$（'#box2'）.fadeIn（'slow'，function（）{
//动画完成
});
});

如果希望事件同时发生，请不要使用回调。回调函数在动画结束时执行

我这样做了，但可能我没有说清楚，我想要的是淡出和淡入同时发生。类似于维珍大西洋的背景