1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>无标题文档</title>
6 <style type="text/css">
7 #tab { overflow:hidden; width:400px; height:250px; position:relative; float:left;}
8 #tab>img:not(:first-child){ display:none; }
9
10 </style>
11 <script>
12 window.onload = function(){
13
14 var images = document.getElementsByTagName(‘img‘);
15 var pos = 0;
16 var len = images.length;
17
18 setInterval(function(){
19
20 images[pos].style.display = ‘none‘;
21 pos = ++pos == len ? 0 : pos;
22 images[pos].style.display = ‘inline‘;
23
24 },1000);
25
26 };
27 </script>
28
29 </head>
30
31 <body>
32 <div id="tab">
33 <img src="img/01.jpg" width="400" height="250"/>
34 <img src="img/02.jpg" width="400" height="250"/>
35 <img src="img/03.jpg" width="400" height="250"/>
36 </div>
37 </body>
38 </html>
时间： 2024-10-03 03:01:11