如何使用jQuery淡入表

Question

我想创建一个页面,在该页面加载时(从透明到不透明)表将被淡化.我尝试过使用:

$(document).ready(function(){
    $('#table1').hide();
    $('#table1').fadeIn(1000);
  });

它有点工作,但是桌子显示出来,很快消失,然后顺利地消失.有没有办法在没有事先出现的桌子的情况下实现fadein？

Answer 1

怎么了:

• 表是'display:table;' 默认情况下.
• 浏览器读取DOM并显示表
• jQuery隐藏表并执行动画

在您的CSS中display:none;为您的表设置:

#table1{
   display:none;
}

jQuery的:

$('#table1').fadeIn(1000);