javascript - 使用 jQuery 淡化元素的可见性

Question

我在查找 JQuery 的可见性参数时遇到了一些问题。

基本上...下面的代码什么都不做。

$('ul.load_details').animate({
    visibility: "visible"
    },1000);

动画代码没有任何问题(我用 fontSize 替换了 visibility 并且没问题。我似乎无法在 css 中找到与“visibility”等效的正确参数名称。

Answer 1

您可以将不透明度设置为 0.0(即“不可见”)并将可见性设置为可见(以使不透明度相关)，然后将不透明度从 0.0 设置为 1.0(使其淡入):

$('ul.load_details').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});

因为您将不透明度设置为 0.0，所以尽管设置为“可见”，它还是不可见的。不透明度动画应为您提供所需的淡入效果。

或者，当然，您可以使用 .show() 或 .fadeTo() 动画。

编辑:Volomike 是正确的。 CSS 当然指定 opacity 取 0.0 到 1.0 之间的值，而不是 0 到 100 之间的值。已修复。