html中如何设置图片滚动

HTML中可以使用一些技巧来设置图片滚动，以下是一些方法：

<div style="width:200px;height:200px;overflow:hidden">
  <ul>
    <li><img src="image1.jpg" width="200" height="200"></li>
    <li><img src="image2.jpg" width="200" height="200"></li>
    <li><img src="image3.jpg" width="200" height="200"></li>
    <li><img src="image4.jpg" width="200" height="200"></li>
    <li><img src="image5.jpg" width="200" height="200"></li>
  </ul>
</div>

这段代码将会创建一个200x200大小的div容器，使用CSS属性将溢出的内容隐藏。ul里面的每个li标签中包含一张图片，并且通过CSS将它们水平地排列。

然后，使用JavaScript脚本来使图片滚动：

<script>
var ul = document.querySelector('ul');
var liItems = document.querySelectorAll('li');
var liNumber = liItems.length;
var i = 0;
function changeImg() {
  if(i 

上面的代码会找到所有li标签和它们的数量，然后通过JavaScript脚本来实现无限滚动。在setInterval方法中传递一个函数和时间，这个函数用来移动ul元素的位置，以达到无限滚动的效果。

使用上面这些HTML、CSS和JavaScript代码，就可以轻松地实现一组图片的滚动效果。