75

我有一堆缩略图,我正在加载它们的样式,visibility: hidden;以便它们都保持正确的布局。页面完全加载后,我有一个淡入淡出它们的 jquery 函数。当它们的样式设置为时,这很有效,display: none;但显然布局搞砸了。有什么建议么?

这是淡入淡出线:

$('.littleme').fadeIn('slow');
4

5 回答 5

157

像这样向链中添加一些调用:

 $('.littleme').css('visibility','visible').hide().fadeIn('slow');

这将在淡入之前将其更改display:none为 1 帧,再次占据该区域。

于 2010-03-12T20:52:09.863 回答
27

尝试使用不透明度和animate()

$('.littleme').css('opacity',0).animate({opacity:1}, 1000);
于 2010-03-12T20:51:52.613 回答
11

<span style="opacity:0;">I'm Hidden</span>

显示 :$('span').fadeTo(1000,1)

隐藏 :$('span').fadeTo(1000,0)

空间保留在 DOM 布局中

http://jsfiddle.net/VZwq6/

于 2014-03-19T12:10:58.780 回答
1

你不能使用 fadeTo(duration, value) 代替吗?当然,这样你就可以淡化到 0 和 1,这样你就不会影响文档流......

于 2012-01-05T15:44:20.420 回答
0

尝试匹配隐藏元素?

$(".littleme:hidden").fadeIn();

于 2010-03-12T20:56:39.673 回答