Html轮播图

最新推荐文章于 2022-11-29 20:30:00 发布

码上说话

最新推荐文章于 2022-11-29 20:30:00 发布

阅读量209

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/qq_36943809/article/details/103570992

版权

web前端专栏收录该内容

11 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播图</title>
    <style>
        img{
            width: 100%;
        }
    </style>
</head>
<body>

<img src="img/banner_1.jpg" id="img"/></body>
<script>
    var index=1;
    var img = document.getElementById("img");
    function fun(){
        img.src="img/banner_"+(index++%3+1)+".jpg";
    }
    window.setInterval(fun,3000);
</script>

</html>