1 <title></title>
2 <style type="text/css"></style>
3 </head>
4 <body>
5
6 <img src="img/1.jpg" alt="美女？" width="450" height="550" id="mypic"/>
7
8 <script type="text/javascript">
9 setInterval(mypic,1000);//调用mypic函数（java里面叫方法）
10 var num = 1;//设定这个变量的目的，就是为了轮播图片做铺垫
11 function mypic(){
12 var pic=document.getElementById("mypic");//先拿到图片所在块级元素的ID
13 if(num<7){//如果图片数量小于总数量就动起来
14 num++;
15 }else{
16 num=1;
17 }
18 pic.src="img/"+num+".jpg";//图片元素引用的地址=img/循环到的图片名称.jpg
19 }
20 </script>
21 </body>
num小于7，所以执行代码时候自己的同级图片目录下要有7张1~7.jpg名称的图片
时间： 2024-11-03 21:19:38