首页 文章

jquery淡入淡出元素不显示样式元素'visibility: hidden'

提问于
浏览
71

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

继承人的淡出线:

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

5 回答

  • 149

    像这样添加一些对链的调用:

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

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

  • 1

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

    $('.littleme').css('opacity',0).animate({opacity:1}, 1000);
    
  • 25

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

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

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

    该空间保留在DOM布局中

    http://jsfiddle.net/VZwq6/

  • 0

    你不能使用fadeTo(持续时间, Value )吗?当然这样你可以淡入0和1,这样你就不会影响文档流程...

  • 9

    尝试匹配隐藏元素?

    $( “littleme:隐藏”)淡入();

相关问题