HTML代码 <div> <div id="div1" style="display:block;"><img src="images/1.png" /></div> <div id="div2" style="display:none;"><img src="images/2.png" /></div> <div id="div3" style="display:none;"><img src="images/3.png" /></div> <div id="div4" style="display:none;"><img src="images/4.png" /></div> <div id="div5" style="display:none;"><img src="images/5.png" /></div> <div id="div6" style="display:none;"><img src="images/6.png" /></div> <div id="div7" style="display:none;"><img src="images/7.png" /></div> </div> JS代码 var NowImg=1;//表示当前显示的div var MaxImg=7;//表示div的个数 setInterval(function(){ //#通过更改元素的display属性来设置显示的图片 for(var i=1;i<=MaxImg;i++){ if(NowImg==i) document.getElementById("div"+NowImg).style.display='block';//当前显示的div else document.getElementById("div"+i).style.display='none'; } if(NowImg==MaxImg)//判断当前div是否是最后一个,如果是则从第一个重新轮回显示 NowImg=1; else NowImg++;//设置下一个显示的图片 },2000)
上面是“原生JS最简单实现图片flash循环切换”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_59.html
workflows工作流
水中一台精致而破旧的老式电视鱼缸ComfyUI工作流
一只漂亮的孔雀的尾巴完全由披萨制成ComfyUI工作流
一位漂亮的女人坐在樱花树旁
一个穿过泥泞雷区的士兵ComfyUI工作流
一只迷人的黑豹ComfyUI工作流
小丑鱼马林在鱼缸里游来游去ComfyUI工作流
一个表情深思熟虑的成熟男人
一幅骨架坐在公园的长椅上
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!