Jquery AJAX替换并横向滚动

我已经找到了很多方法来加载内容并用ajax替换内容，以及隐藏/显示效果

但我正在寻找一种方法，将新内容滑入div，同时将旧内容滑出

我想这需要在已经存在的内容之后追加加载的内容，但是如何水平对齐现有/加载的内容并在div中滚动

---

对好的插件有什么建议吗？

我非常喜欢这里的Nivo滑块。

我非常喜欢这里的Nivo滑块。

创建滑动面板相对容易。首先，创建一个具有固定宽度的容器，该容器将隐藏溢出。然后，您有一个移动面板，其大宽度为5000px，内部内容每个都包含在一个div中

HTML jQuery 我们将面板的左边距滑动为负值，因此它会将整个面板向左移动，移动量为要滑动到视图中的内容的宽度（在本例中为302像素）

---

小提琴可用：

创建滑动面板相对容易。首先，创建一个具有固定宽度的容器，该容器将隐藏溢出。然后，您有一个移动面板，其大宽度为5000px，内部内容每个都包含在一个div中

HTML jQuery 我们将面板的左边距滑动为负值，因此它会将整个面板向左移动，移动量为要滑动到视图中的内容的宽度（在本例中为302像素）

可用小提琴：

<div id="container">

    <div id="panel">
        <div>Content 1</div>
        <div>Content 2</div>
    </div>

</div>

#panel div {
    width: 300px;
    border: 1px solid black;
    float: left;
    height: 350px;
}

#panel {
   width: 5000px;
}

#container {
    overflow: hidden;
    width: 302px;
}

$(document).ready(function() {

    $('#panel').delay(2500).animate({
        marginLeft: '-=302px'
    }, 500);

});