Code
<html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>无标题页</title> <script type="text/javascript"> //定义一个数组，用来保存图片路径 var a = new Array(); //给每个数组元素赋值 a[0]='1.jpg'; a[1]= '2.jpg'; a[2] = '3.jpg'; //定义一个循环变量，用来控制数组的索引 var m = 0; //图片切换的方法 function chang(v) 
{
//数组索引自增 m++; if(v!=null)
{ m = v; document.getElementById("img111").src=a[m]; return; 
} //当数组索引值为3视，把它变为0，即当是第三张图片时，把它的索引转到第一张图片上 if(m==3) { m=0; } var id = document.getElementById("id"+m); id.innerHTML="m"; m==0?id.innerHTML = 1:(m==1?id.innerHTML=2:id.innerHTML=3); //设置img标签的图片路径为数组当前的元素 document.getElementById("img111").src=a[m]; //等待一秒钟，回调chang()方法。 setTimeout("chang()",3000); 
} //setInterval("chang()",1000); </script> </head><body onload="chang()"> <form id="form1" runat="server"> <div> <img alt="" id="img111" src="1.jpg"/> <br /> <button id="id0" onclick="chang(0)" style="width:20px">1</button> <button id="id1" onclick="chang(1)" style="width:20px">2</button> <button id="id2" onclick="chang(2)" style="width:20px">3</button> </div> </form></body></html>
浙公网安备 33010602011771号
【推荐】博客园的心动：当一群程序员决定开源共建一个真诚相亲平台
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】Flutter适配HarmonyOS 5知识地图，实战解析+高频避坑指南
【推荐】开源 Linux 服务器运维管理面板 1Panel V2 版本正式发布
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步