jQuery淡入比淡出更快？

Question

我有一张我想要淡入淡出的图像.

$("#img").animate({
    opacity: 0
}, 1000 );


$("#img").animate({
    opacity: 100
}, 1000 );

尽管两者的定时器设置为1000毫秒,但淡入更快.为什么会这样？

现场演示:http://jsfiddle.net/G3KtZ/

Answer 1

对于"淡入"动画功能,您将不透明度设置为100.它应该设置为1. CSS中的不透明度从0到1,因此它在JavaScript中是相同的(因为您使用Javascript来修改CSS).

所以这就是发生的事情.jQuery在1000ms的过程中将不透明度从0设置为100.但是一旦不透明度达到1(仅在10ms之后),不透明度就会变满.

见这里:http://jsfiddle.net/G3KtZ/3/