如何在物品移动的同时动态显示物品透明度

我想要一个美元符号小物，向上移动大约100px。美元符号应该消失，然后在移动过程中淡出。我无法弄清楚这一点。这是我现在使用的，它在操作之间有一个暂停。我不需要停下来。谢谢！如何在物品移动的同时动态显示物品透明度

$("#dollar1").animate({ 
    opacity: 1, 
    top: '480px' 
        }, 1000); 
$("#dollar1").animate({ 
    opacity: 0, 
    top: '440px' 
        }, 1000);

来源

2012-03-16 Michael Rader

我没有看到这个问题。这里是一个小提琴：http：//jsfiddle.net/j08691/RCtq5/（为了更容易观看，最高值发生变化）。你究竟需要什么，这是不行的？ – j08691 2012-03-16 20:20:57

@ j08691问题是这个...... http：//jsfiddle.net/RCtq5/1/...美元符号停止然后继续。我希望它是连续的。 – 2012-03-16 20:39:17

这是一起的效果，你要寻找的线路：jsFiddle example。

的jQuery：

$("#dollar1").animate({ 
    top: '200px' 
}, { 
    duration: 2000, 
    queue: false 
}); 
$("#dollar1").animate({ 
    opacity: 0 
}, { 
    duration: 500, 
    queue: false, 
    complete: function() { 
     $("#dollar1").animate({ 
      opacity: 1 
     }, { 
      duration: 500, 
      queue: false, 
      complete: function() { 
       $("#dollar1").animate({ 
        opacity: 0 
       }, { 
        duration: 500, 
        queue: false 
       }); 
      } 
     }); 
    } 
});

来源

2012-03-16 20:55:28 j08691

是的！这看起来不错，但当我把它放到我的网页上时，一切都完全停止了，我的网站也分崩离析了。我会尝试一些事情来让它工作。 – 2012-03-16 21:17:23

其实我不知道该怎么尝试......究竟是'queue：false'在做什么？这可能会搞乱我的其他jQuery。不确定。 – 2012-03-16 21:18:27

将队列设置为false允许动画绕过队列并同时运行。 – j08691 2012-03-16 21:21:34

据jQuery的网站：

$("#dollar1").animate({opacity: 1, top: '480px'}, 1000).animate({opacity: 0, top: '440px'}, 1000);

来源

2012-03-16 20:01:19 ydd1987

这相当于我已经在做的事情。我需要在物品运动时进行淡出。此代码仍会使项目停止，然后继续。 – 2012-03-16 20:05:15

因此，在100px的运动中，它需要从0到1然后回到0？ – ydd1987 2012-03-16 20:08:04

这是正确 – 2012-03-16 20:13:06

如何在物品移动的同时动态显示物品透明度

回答

相关问题