淺談腳本化css(三)之方塊運動函數

咱們能夠寫一個讓小方塊運動的函數函數

 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);
相關文章
相關標籤/搜索