js滚动显示五张图片，鼠标指向图片暂停滚动

你可以使用JavaScript来实现滚动显示五张图片，并且当鼠标指向图片时暂停滚动。以下是一个简单的例子：

HTML代码：

<div class="slider">
  <div class="slides">
    <img src="image1.jpg">
    <img src="image2.jpg">
    <img src="image3.jpg">
    <img src="image4.jpg">
    <img src="image5.jpg">
  </div>
</div>

CSS代码：

.slider {
  overflow: hidden;
  width: 500px;
  height: 300px;
}

.slides {
  position: relative;
  width: 2500px;
  height: 300px;
  animation: scroll 10s linear infinite;
}

.slides:hover {
  animation-play-state: paused;
}

@keyframes scroll {
  0% { left: 0; }
  100% { left: -2000px; }
}

img {
  float: left;
  width: 500px;
  height: 300px;
  margin-right: 20px;
}

JavaScript代码：（不需要JS代码）

以上代码实现了一个简单的滚动显示五张图片的效果，每隔10秒自动滚动，当鼠标指向图片时暂停滚动。你可以根据自己的需求进行修改和扩展。