ScrollPic.js——图片左右滚动插件（单一功能）

最新推荐文章于 2021-12-31 07:25:59 发布

转载最新推荐文章于 2021-12-31 07:25:59 发布 · 183 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhang1997/p/8674891.html

本文提供了一段用于实现网页图片自动滚动效果的JavaScript脚本代码。该脚本定义了一个名为ScrollPic的类，通过设置不同参数如内容容器ID、箭头ID、显示框宽度等来控制图片滚动行为。此外还支持自动播放功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <script>
        window.onload = function () {
            scrollPic();
        }
        function scrollPic() {
            var scrollPic = new ScrollPic();
            scrollPic.scrollContId = "scrollPic"; //内容容器ID
            scrollPic.arrLeftId = "LeftArr";//左箭头ID
            scrollPic.arrRightId = "RightArr"; //右箭头ID

            scrollPic.frameWidth = 1200;//显示框宽度
            scrollPic.pageWidth = 242; //翻页宽度

            scrollPic.speed = 10; //移动速度(单位毫秒，越小越快)
            scrollPic.space = 10; //每次移动像素(单位px，越大越快)
            scrollPic.autoPlay = true; //自动播放
            scrollPic.autoPlayTime = 3; //自动播放间隔时间(秒)

            scrollPic.initialize(); //初始化
        }
    </script>

转载于:https://www.cnblogs.com/zhang1997/p/8674891.html