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

Question

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

据我所知：

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

会将div淡化为100％，但没有选择限制它。

是否有一种设置完成不透明度的优雅方法？

Answer 1

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

Answer 2

.fadeTo（）;

就是这样。

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

---

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

这些对FF，铬和其他都很可爱......

opacity:0;
-moz-opacity:0;

IE希望看到这个：

filter:alpha(opacity=x).

Answer 3

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

Answer 4

无需添加不同的浏览器条件 - jQuery将通过使用标准的不透明度调用来处理IE和firefox中的不透明度：

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

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