在一个宽度为1000px的盒子里实现一组超过盒子宽度的图片向左移动3秒后图片恢复原来的样子

这可以通过CSS动画和JavaScript实现。

HTML结构：

<div class="container">
  <img src="image1.jpg" alt="image1">
  <img src="image2.jpg" alt="image2">
  <img src="image3.jpg" alt="image3">
</div>

CSS样式：

.container {
  width: 1000px;
  overflow: hidden; /* 隐藏超出容器的部分 */
}

img {
  float: left;
  margin-right: 10px; /* 设置图片间距 */
  animation: move 3s linear; /* 设置动画效果 */
}

@keyframes move {
  0% { transform: translateX(0); }
  100% { transform: translateX(-300px); } /* 移动距离为所有图片宽度之和-容器宽度 */
}

JavaScript代码：

var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; i++) {
  images[i].addEventListener('animationend', function() {
    this.style.animation = ''; /* 动画结束后清除动画效果 */
  });
}

当页面加载完成后，所有图片会向左移动，持续3秒钟。动画结束后，图片会恢复原来的位置。