2

jQuery UI 的一个有用特性是它对 jQueryaddClass方法的劫持,通过包含第二个“持续时间”参数来添加动画支持,如下所示:

$('div').addClass('someclass', 1000);

对于传入的 CSS 属性,如, ,colorbackground-color,这一切都很好。widthheight

但是像visibility:hidden->visibility:visibledisplay:none->display:block这样的转换并没有像我期望的那样优雅地淡入。他们只是等到持续时间完成,然后在最终添加类时出现。

我敢肯定,在过去,我曾在 jQuery UI 中看到过这些 CSS 类型的优雅过渡。有其他人知道这是否/已经可能吗?

我知道fadeInfadeOut方法以及animate方法,但我希望为我的样式表提供更多优先级,而不是让我的脚本使用样式动画逻辑重载。

我知道 CSS3 过渡也能做到这一点,但我正在寻找一种支持更好的方法。

4

1 回答 1

1

display并且visibility没有可转换的状态——它们要么打开(你可以看到一个元素)要么关闭(你看不到元素)。

如果你想让它淡入,那么你必须使用不透明度。

于 2013-09-24T17:27:16.183 回答