1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .pic{ 8 float:left; 9 position:absolute; 10 } 11 </style> 12 <script type="text/javascript" src="jquery-2.1.4.min.js"></script> 13 <script type="text/javascript"> 14 15 var i = 1; 16 function change(){ 17 if(i<2){ 18 i++; 19 }else{ 20 i = 1; 21 } 22 document.getElementById("id1").src="IMG"+i+".JPG"; 23 24 } 25 26 27 window.onload=function play() { 28 var dh; 29 dh = setInterval("change()",1000); 30 } 31 32 </script> 33 </head> 34 <body> 35 <div> 36 <img src ="IMG1.JPG" width="260px" height="260" class = "pic" id="id1" /> 37 <!-- <img src ="IMG2.JPG" width="260px" height="260" class = "pic" /> --> 38 </div> 39 </body> 40 41 </html>
