使用animate完成sendMess.html的消息发送，要求每个div消息从右边往左边移动最后消息

的位置在左边，类似于聊天应用中的消息发送效果。

可以使用jQuery的`animate()`方法来实现消息发送的动画效果。首先，在HTML中创建消息框的结构，包含发送者和接收者的信息，如下所示：

<div class="message sender">
  <p>Hello, how are you?</p>
</div>
<div class="message receiver">
  <p>Hi, I'm fine. Thank you. And you?</p>
</div>
<div class="message sender">
  <p>I'm good too. Thanks for asking.</p>
</div>

然后，使用CSS样式将消息框放置在屏幕右侧，并将其隐藏：

.message {
  display: none;
  position: absolute;
  right: 0;
  width: 200px;
  padding: 10px;
  background-color: #eee;
  border-radius: 10px;
  margin: 10px;
}

.sender {
  top: 0;
}

.receiver {
  bottom: 0;
}

最后，使用jQuery的`animate()`方法将消息框从右侧移动到左侧，并逐个显示出来，如下所示：

$(document).ready(function() {
  var messages = $(".message");
  var delay = 0;
  messages.each(function() {
    var message = $(this);
    message.delay(delay).animate({
      right: "50%"
    }, 1000, function() {
      message.animate({
        opacity: 1
      }, 500);
    });
    delay += 1000;
  });
});

在这个例子中，我们首先获取所有的消息框，然后逐个遍历它们。对于每个消息框，我们使用`delay()`方法来逐个延迟它们的出现时间，并使用`animate()`方法将它们从右侧移动到屏幕中央。在这个动画完成后，我们再使用`animate()`方法来逐个显示它们，使它们逐个出现在屏幕上。