Jquery从左向右滑入多个元素，然后再次滑出并循环

// HTML结构
<div id="container">
  <div class="item">元素1</div>
  <div class="item">元素2</div>
  <div class="item">元素3</div>
</div>

// CSS样式
#container {
  width: 300px;
  overflow: hidden;
}

.item {
  width: 100px;
  height: 100px;
  background-color: #ccc;
  float: left;
}

// JavaScript代码
$(document).ready(function() {
  function slideElements() {
    var firstItem = $('.item:first');
    firstItem.animate({marginLeft: '-100px'}, 1000, function() {
      firstItem.appendTo('#container').css('marginLeft', '0');
    });
  }

  setInterval(slideElements, 2000);
});