Javascript jquery自动刷新功能出现问题

我希望你们中的一位能够为我指出一个正确的方向，这是关于jquery自动刷新功能的一个问题——下面的代码->嗯，它刷新了所有东西，但遗憾的是，它看起来很丑陋。O.O当刷新发生时，它会不成比例地闪烁。显然，必须有一个更平滑的方法来做这件事

---

var auto_refresh=setInterval(
函数（）
{
$（'#basic'）.load（'resources_basic.php'）；
}, 1000);
$（函数（）{
$（“#draggable_res”）.draggable（）；
});

---

资源
基本资源

---

提前感谢：）

要退色吗？这将使您的刷新更平滑

---

显然，您需要为要添加动态数据的容器设置初始大小。否则，它将在每次加载和闪烁时调整大小。 初始大小最好通过CSS设置，例如

#basic {
width: 100px;
height:100px;
background-color: #cccccc;
}

---

可以链接淡入淡出功能以获得更平滑的过渡：

var auto_refresh = setInterval(function (){
     $('#basic').fadeOut(500).load('resources_basic.php').fadeIn('fast');
}, 1000);

---

试过了。：）仍然难看：（难看…？它看起来像什么…？没关系！！！我试过：和你的不完全一样…var auto_refresh=setInterval（function（）{$（'#basic'）.load（'resources_basic.php'）.fadeIn（“slow”）；}，1000）；试过了。它仍然会调整大小…即使设置了初始大小。试过了……我在寻找更不显眼的东西。

<table width="160" border="2" cellspacing="2" cellpadding="2">
          <tr>
            <td width="30"><img src="images/product/gold.gif" width="30" height="30" alt="Gold" /></td>
            <td width="110"><?php echo $row_resourcesbasic_rs['gold']; ?></td>
          </tr>
          <tr>
            <td width="30"><img src="images/product/wood.gif" width="30" height="30" alt="Wood" /></td>
            <td width="110"><?php echo $row_resourcesbasic_rs['wood']; ?></td>
          </tr>
          <tr>
            <td width="30"><img src="images/product/clay.gif" width="30" height="30" alt="Clay" /></td>
            <td width="110"><?php echo $row_resourcesbasic_rs['clay']; ?></td>
          </tr>
          <tr>
            <td width="30"><img src="images/product/stone.gif" width="30" height="30" alt="Stone" /></td>
            <td width="110"><?php echo $row_resourcesbasic_rs['stone']; ?></td>
          </tr>
        </table>

$('#basic').fadeOut('fast');

$('#basic').load('resources_basic.php',function(){
   $('#basic').fadeIn('fast'); 
});

#basic {
width: 100px;
height:100px;
background-color: #cccccc;
}

var auto_refresh = setInterval(function (){
     $('#basic').fadeOut(500).load('resources_basic.php').fadeIn('fast');
}, 1000);