听说code能改变world，所以就学了

js的setInterval事件 

 1 <body>
 2    <div id="content"  style="position:relative; height:1000px; width:1000px; background-color:#666;">
 3     <div id="one" style="position:absolute;top:0px; left:0px; height:100px; width:100px; background-color:red;"></div>
 4     </div>
 5         <script>
 6           var one=document.getElementById('one')
 7           var x=0;
 8           var y=0;
 9           var xs=10;
10           var ys=10;
11           function scroll(){
12               x+=xs;
13               y+=ys;
14               if(x>=document.getElementById('content').offsetWidth-one.offsetWidth-20 || x<=0)
15               {
16                   xs=-1*xs;
17                   
18               }
19             if(y>=document.getElementById('content').offsetHeight-one.offsetHeight-20 || y<=0)
20               {
21                   
22                   ys=-1*ys;
23               }
24               one.style.left=x;
25               one.style.top=y;
26 
27           }
28           dt=setInterval(scroll,100);
29           one.onmouseover=function(){
30           clearInterval(dt);    
31           };
32           one.onmouseout=function(){
33           dt=setInterval(scroll,100);
34           };
35         </script>
36 </body>

 

posted @ 2013-12-04 14:15  李腾  阅读(352)  评论(0)  编辑  收藏  举报

如果我加了黑链呢：http://liteng.org