码迷,mamicode.com
首页 > 其他好文 > 详细

看书的男孩

时间:2016-07-11 13:51:19      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:

技术分享
 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>
Html

 

看书的男孩

标签:

原文地址:http://www.cnblogs.com/zh13197490940/p/5659839.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!