为什么这个动画显示没有阻止不工作

Why this animate display none to block not working?

本文关键字：工作 动画 显示 为什么      更新时间：2023-09-26

为什么这个动画显示没有阻止不工作？

第一个代码看起来像这样，它的工作得很好

$(".box_outer").stop().animate({top: '25px' , opacity: 1}, 100);

当我将display: none;添加到类box_outer并添加, display: 'block' 时

我的函数动画不起作用，我怎么能做到呢？

$(".box_outer").stop().animate({top: '25px' , display: 'block' , opacity: 1}, 100);

animate（）方法只适用于具有数值的属性，display不是其中的1，所以请尝试

$(".box_outer").stop().show().animate({top: '25px', opacity: 1}, 100);

或者，如果您也想为显示设置动画，请将高度设置为0，然后使用height: 'show'作为动画属性

您无法设置display的动画。有关的解决方法，请参阅本文

http://www.impressivewebs.com/animate-display-block-none/

现场演示：http://jsbin.com/iZUGaKI/1/

据我所知，你不能为display属性设置动画，但你可以使用show（hide）或fadeIn（fadeOut）来达到同样的目的，它们将很好地与display配合使用：无

$(".box_outer").show(100);

或

$(".box_outer").fadeIn(100);
相关文章：