如何在 jQuery 中淡入*部分*？

Question

嘿大家。这看起来很简单，但由于某种原因，我很难将其拼凑在一起。我想创建一个动画“淡入”效果，其中 div 从 0 不透明度淡出到 50% 不透明度，然后停止。

据我了解：

var duration = 1000;
$('#mydiv').fadeIn(duration);

将 div 淡入 100%，没有限制此选项。

是否有一种优雅的方式来设置最终不透明度？

Answer 1

.fadeTo();

就是这样。

http://api.jquery.com/fadeTo/

---

您会注意到 IE 和 Alpha 通道的问题。

这些对于 FF、chrome 和其他浏览器来说都很可爱……

opacity:0;
-moz-opacity:0;

IE 期望看到这个：

filter:alpha(opacity=x).

Answer 2

使用 .fadeTo() 并将第二个参数设置为 0.5。

Answer 3

无需添加不同的浏览器条件 - jQuery 只需使用标准的不透明度调用即可处理 IE 和 Firefox 中的不透明度：

$('#mydiv').animate(
    {
        opacity : 0.5
    }, 500
);

是的，像其他提到的那样使用 fadeTo。

Answer 4

我认为您使用 fadeTo() 方法。