我有一堆缩略图,我加载的样式为 visibility: hidden; ,以便它们都保持正确的布局 . 一旦页面完全加载,我就有了一个淡入淡出的jquery函数 . 当它们的样式设置为 display: none; 时,这很有用,但显然布局搞砸了 . 有什么建议?
visibility: hidden;
display: none;
继承人的淡出线:
$('.littleme').fadeIn('slow');
像这样添加一些对链的调用:
$('.littleme').css('visibility','visible').hide().fadeIn('slow');
这将在淡入之前将其更改为 display:none 1帧,再次占据该区域 .
display:none
尝试使用不透明度和 animate() :
animate()
$('.littleme').css('opacity',0).animate({opacity:1}, 1000);
<span style="opacity:0;">I'm Hidden</span>
显示: $('span').fadeTo(1000,1)
$('span').fadeTo(1000,1)
要隐藏: $('span').fadeTo(1000,0)
$('span').fadeTo(1000,0)
该空间保留在DOM布局中
http://jsfiddle.net/VZwq6/
你不能使用fadeTo(持续时间, Value )吗?当然这样你可以淡入0和1,这样你就不会影响文档流程...
尝试匹配隐藏元素?
$( “littleme:隐藏”)淡入();
5 回答
像这样添加一些对链的调用:
这将在淡入之前将其更改为
display:none
1帧,再次占据该区域 .尝试使用不透明度和
animate()
:<span style="opacity:0;">I'm Hidden</span>
显示:
$('span').fadeTo(1000,1)
要隐藏:
$('span').fadeTo(1000,0)
该空间保留在DOM布局中
http://jsfiddle.net/VZwq6/
你不能使用fadeTo(持续时间, Value )吗?当然这样你可以淡入0和1,这样你就不会影响文档流程...
尝试匹配隐藏元素?
$( “littleme:隐藏”)淡入();