javaScript实现轮播图

最新推荐文章于 2024-04-05 18:17:54 发布

zsnbaby

最新推荐文章于 2024-04-05 18:17:54 发布

阅读量83

点赞数

分类专栏： JavaScript 文章标签： javascript html html5

本文链接：https://blog.csdn.net/qq_45295297/article/details/120228913

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播图</title>
</head>
<body>
    <div id="box" style="width: 90%;height: 150px;margin: 0 auto">
        <img id="img1" src="images/005.jpg" width="100%" height="100%">
    </div>

    <script type="text/javascript">
        //把要轮播的图片放在数组中
        var images=["images/005.jpg","images/006.jpg","images/007.jpg"];
        num=1;
        function showimg() {
            var img1 = document.getElementById("img1");
            img1.src=images[num];
            num++;
            num=num%3;//有几张图片就取模几
        }
        //定时函数
        setInterval(showimg,2000);
    </script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zsnbaby

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javaScript实现轮播图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title></head><body> <div id="box" style="width: 90%;height: 150px;margin: 0 auto"> <img id="img1" src=
复制链接

扫一扫