“淡入淡出”功能忽略时间

"fadeTo" function ignores the time

本文关键字：时间 功能 淡入 淡出 淡入淡出      更新时间：2023-09-26

我有一个div，我用两个div（命名为打开和关闭）对它的位置进行动画处理。

我希望"打开"div 在打开动画完成时淡出且不可见。并在关闭动画完成后通过淡入变得可见。

但是淡入存在问题。时间参数将被忽略，并在单击操作发生时显示。

这是我的代码和一个小提琴，可以清楚地看到代码是怎么回事;

$('.open').on('click', function(){
    $('.menu').animate({"marginLeft":"-30px"},1000);
    $('.open').fadeTo(1000, 0);
    setTimeout(function () {
        $('.open').css({"display":"none"})}, 1000);
    });
$('.close').on('click', function(){
    $('.menu').animate({"marginLeft":"82%"},1000);
    $('.open').fadeTo(1000, 100);
    });

小提琴很 http://jsfiddle.net/ctarimli/B9h2w/

据我所知;第一个参数是时间，第二个参数是"fadeTo"中的不透明度。告诉我如果我错了，或者有什么解决方案？

不

透明度从 0 到 1，而不是从 0 到 100。用：

$('.close').on('click', function () {
    $('.menu').animate({
        "marginLeft": "82%"
    }, 1000);
    $('.open').fadeTo(1000, 1);
});

js小提琴示例

从.fadeTo()上的文档中：

不透明度类型：数字 0 到 1 之间的数字，表示目标 不透明度。

相关文章：