Javascript 如何使用Jquery使TDs向右滑动

我有这个

function loadActivity() {
    $.ajax({ url: "default.aspx?onemore=yes", dataType: 'json', context: document.body, type: "POST",
        success: function (data) { if (data == null || data == '') loadActivity(); addActivity(data.msg, data.logo, data.bag, data.date); }
    });
}

function addActivity(msg, logo, bag, date) {
    $("#activities tr:nth-child(2) td:last-child").fadeOut(2500, function () { $(this).remove(); appendNewAct(msg, logo, bag, date) });

}
function appendNewAct(msg, logo, bag, date) {
    $("#activities tr:nth-child(2)").prepend('<td style="display: none;" class="activity"><img class="bag" src="images/' + bag + '.png" /><div>' + msg + '</div><div class="time">' + date + '</div>' + (logo != '' ? '<img class="logo" src="' + logo + '" />' : '') + '</td>');
    $("#activities tr:nth-child(2) td:first-child").fadeIn(2500, function () { setTimeout(loadActivity, 2500); });
}

函数loadActivity（）{
$.ajax（{url:“default.aspx？onemore=yes”，数据类型：“json”，上下文：document.body，类型：“POST”，
成功：函数（数据）{if（data==null | | data==''）loadActivity（）；addActivity（data.msg、data.logo、data.bag、data.date）；}
});
}
功能添加活动（消息、徽标、包、日期）{
$（“#activities tr:nth child（2）td:last child”）.fadeOut（2500，函数（）{$（this.remove（）；appendNewAct（msg，logo，bag，date）}）；
}
函数appendNewAct（消息、徽标、包、日期）{
$（“#活动tr:n个孩子（2）”）.prepend（''+msg+''+date+''+（logo！=''？''）+''）；
$（“#activities tr:nth child（2）td:first child”）.fadeIn（2500，函数（）{setTimeout（loadActivity，2500）；}）；
}

正如你们所看到的，我有一张和TDs并排的桌子。脚本每2.5秒删除一个右TD，并在左侧放置一个新TD。 我的问题是，当移除右TD时（使用淡出）->所有左TD都在跳跃并替换其位置。 我希望它们像活动流一样平滑地向右滑动

<table cellspacing="0" cellpadding="0" id="activities">
                <tbody>
                <tr><td class="activity" style="">blblblblblb
                <td>
<td class="activity" style="">lblblblblb
                <td>
<td class="activity" style="">lblblblblb
                <td>
<td class="activity" style="">blblblbl
                <td></tr>
</tbody></table>

BLBLBLB
LBLBLBLB
LBLBLBLB
blblblbl

---

谢谢

在这种情况下，表格单元格不是正确的工具；桌子将尽可能地占据它的所有区域，而布置单元格并不是一项简单的任务

---

尝试使用

DIV

s和

display:inline实现效果样式。
我将研究jQuery的动画功能，并在css属性的左侧和右侧使用它

如果您能提供一个现场站点，让我们可以看到您想要实现的内容，那就更好了。也许只是我在说话…啦啦队，它的内部。。。你知道那些推特活动流光吗？我想这样，但从左到右，而不是从上到下，也许调用之前的初始html源代码会很有用，我的意思是内部的，好像是机密的…：）你是说浮动：左？不。你为什么要浮动它们？只需确保它们保持在同一行，并为外部容器中的
溢出
使用适当的设置，以确保它们不会泄漏。