在网页设计中，滚动图片一直是被广泛采用的元素之一，不但能够优化网站的视觉效果，还能够提升用户体验感。当我们打开某些网站时，常常会看到主页或页面上的滚动图片，在不重复或重创损图片信息和视觉效果的同时，为用户提供了更多有价值的信息与快速访问网站的渠道。今天，就为大家分享一下如何手动制作滚动图片代码，让网页更加精彩！

一、实现滚动图片代码最经典方式——JS代码

1、JS代码思路就是通过调用一个函数，每隔一定时间按照指定方向滚动某一DOM内的图片，完后再由新的加入的图片代替刚刚滚出去的图片重新开始滚动。下面是一个简单的JS代码示例：

html 代码如下所示：

```