码迷,mamicode.com
首页 > Web开发 > 详细

浅谈脚本化css(三)之方块运动函数

时间:2018-12-06 23:57:27      阅读:278      评论:0      收藏:0      [点我收藏+]

标签:UNC   style   div   line   height   运动   lin   lang   脚本   

我们可以写一个让小方块运动的函数

 1   div#demo {
 2       width: 100px;
 3       height: 100;
 4       position: absolute;
 5       left: 0;
 6       top: 0;
 7   }
 8    
 9    
10   var div = document.getElementById(‘demo’);
11   var timer = window.setInterval(function () {
12       div.style.left = parseInt(getStyle(div, ‘left’)) + 1 + ‘px’;
13       ifparseInt((getStyle(div, ‘left’)) > 1000) {
14              clearInterval(timer);
15       }
16   }, 10);

 

 

浅谈脚本化css(三)之方块运动函数

标签:UNC   style   div   line   height   运动   lin   lang   脚本   

原文地址:https://www.cnblogs.com/pandawind/p/10080362.html

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