在网页中，使用滚动图片可以丰富页面效果，增加趣味性。下面我们来学习一段简单的HTML代码，实现滚动图片效果。

<p ><ul><li><img src="image1.jpg"></li><li><img src="image2.jpg"></li><li><img src="image3.jpg"></li><li><img src="image4.jpg"></li></ul></p><script>setInterval(function(){var ulObj = document.querySelector('ul');var firstLi = ulObj.firstChild;ulObj.appendChild(firstLi);}, 2000);</script>

上面的代码中，我们首先在p中设置了固定的宽高和隐藏溢出。然后我们在ul中使用li来包裹每一个图片。接下来，在JavaScript中使用setInterval()函数每隔一定的时间执行一次方法，来实现滚动的效果。

具体实现的方法就是，获取ul的节点，从ul中获取第一个li节点，然后将第一个li节点添加到ul的最后面。这样循环下去，就可以实现不断滚动的图片效果了。