Question

我正在做一些事情，需要一些点击淡出，做某事并淡入。

我找到了这段代码，但我不确定如何以毫秒为单位的时间。

$(this).animate({
    opacity:'0'
}, function(){
    //Do something 
    $(this).animate({
        opacity:'1'
    });
});

Answer 1

使用fadeOut和fadeIn jQuery函数并将毫秒数作为第一个参数传递：

$(this).fadeOut(500, function(){
    //Do something 
    $(this).fadeIn(700);
});

默认时间为400。

...或者如果你真的想使用animate()传递duration option：

$(this).animate({opacity: 0, duration: 500 });

请注意，任何jQuery选择器都可以this（例如".class"，"#id"）。

参考：

.fadeOut( [duration ] [, complete ] )

duration (default: 400)

类型：数字或字符串字符串或数字   确定动画运行的时间。


complete Type: Function()

动画完成后调用的函数。

Fade out | Fade in

Answer 2

$(this).animate({
  opacity:'0'
}, 1000 , function(){
  //Do something 
  $(this).animate({
    opacity:'1'
  }, 1000);
});

在每个动画{}函数后添加'，time'。。

http://api.jquery.com/animate/

Answer 3

该代码看起来不像你想要的......让我们分解它。

//On click of element
$("IDofElement").click(function() {
    //Fade out something out
    $("#IDofElementFadingOut").fadeOut(300, function() { //Access the callback (millseconds as first arg)
        //Element has faded out, do something!

        //Something has been done, fadeIn!
        $("IDofElementFadingIn").fadeIn();
    });
});

Answer 4

你可以使用fadeIn和fadeOut，间隔为ms

$(this).fadeOut(1000, function() {
  // do something
  $(this).fadeIn(1000);
});

淡出/淡入动画速度

4 个答案:

`.fadeOut( [duration ] [, complete ] )`