轮播图的实现

最新推荐文章于 2022-07-05 15:27:52 发布

WangQ~

最新推荐文章于 2022-07-05 15:27:52 发布

阅读量107

点赞数

分类专栏： javaweb 文章标签： javascript 轮播图

本文链接：https://blog.csdn.net/qq_30387171/article/details/80105606

版权

javaweb 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

假设有五张图片

HTML文件中

<body onload="init()">
        <div style="border: 1px red solid;">
            <img src="img/main1.jpg" id="image"/>
        </div>
    </body>

Js文件中

function init(){
    //设置定时任务 每5秒切换一次
    setInterval("changeImage()",5000);
}

var i=1;

//书写定时任务中的函数
function changeImage(){
    var imageId=document.getElementById("image");
    imageId.src="img/main"+ ++i +".jpg";
    if(i>=5){
        i=0;
    }

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

WangQ~

关注关注

0
点赞
踩
0

收藏

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

假设有五张图片HTML文件中&lt;body onload="init()"&gt; &lt;div style="border: 1px red solid;"&gt; &lt;img src="img/main1.jpg" id="image"/&gt; &lt;/div&gt; &
复制链接

扫一扫