Javascript 如何在jQuery中部分淡入?

Javascript 如何在jQuery中部分淡入?,javascript,jquery,css,internet-explorer,fadein,Javascript,Jquery,Css,Internet Explorer,Fadein,大家好。这似乎很容易,但出于某种原因,我很难把它拼凑起来。我想创建一个动画“淡入”效果,其中div从0不透明度淡入到50%不透明度,然后停止 据我所知: var duration = 1000; $('#mydiv').fadeIn(duration); 将使div衰减到100%,没有限制的选项 是否有一种优雅的方法来设置整理不透明度?我认为您使用了这种方法。.fadeTo() 就这样 您将注意到IE和alpha通道的问题 这些是可爱的FF,铬和其他 opacity:0; -moz-opa

大家好。这似乎很容易,但出于某种原因,我很难把它拼凑起来。我想创建一个动画“淡入”效果,其中div从0不透明度淡入到50%不透明度,然后停止

据我所知:

var duration = 1000;
$('#mydiv').fadeIn(duration);
将使div衰减到100%,没有限制的选项

是否有一种优雅的方法来设置整理不透明度?我认为您使用了这种方法。

.fadeTo()

就这样


您将注意到IE和alpha通道的问题

这些是可爱的FF,铬和其他

opacity:0;
-moz-opacity:0;
IE希望看到这一点:

filter:alpha(opacity=x).

使用时将第二个参数设置为0.5。

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

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

是的,像前面提到的其他人一样使用fadeTo。

我讨厌它需要这么长的解释。。。。那么所有的答案都是一行。残酷的讽刺是,你学的越多,你的问题就越好。如果他更多地使用jQuery源代码,他可能会有一个更短的问题。如果他知道JSFIDLE,他可能会为我们提供一个关于这个问题的工作示例,等等……事实上,我更喜欢你的答案,因为它使用的是.animate而不是配置好的别名。我对jQuery感到恼火的是,像$.post这样的东西是存在的,而它们实际上只是带有配置的$.ajax。