jsp滚动图片

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>滚动图片示例</title>
    <style>
        .scrolling-wrapper {
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
        }
        .scrolling-wrapper div {
            display: inline-block;
            margin-right: 50px;
        }
    </style>
    <script>
        function scrollImages() {
            var wrapper = document.getElementById('imageWrapper');
            wrapper.scrollLeft += 1;
            if (wrapper.scrollLeft >= wrapper.scrollWidth - wrapper.clientWidth) {
                wrapper.scrollLeft = 0;
            }
        }
        setInterval(scrollImages, 20);
    </script>
</head>
<body>
    <div class="scrolling-wrapper" id="imageWrapper">
       <div><img src="image1.jpg" alt="Image 1"></div>
       <div><img src="image2.jpg" alt="Image 2"></div>
       <div><img src="image3.jpg" alt="Image 3"></div>
        <!-- 更多图片 -->
    </div>
</body>
</html>