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

js实现动画(移动方块)

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

标签:IV   bsp   分享   app   pos   javascrip   set   idt   osi   

1、使方块移动

源码 :

<script type="text/javascript">
    var div = document.createElement(‘div‘);
    document.body.appendChild(div);
    div.style.width = "100px";
    div.style.height = "100px";
    div.style.background = "red";
    div.style.position = "absolute";
    div.style.left =  "0px";
    div.style.top = "0px";

    //每隔50毫秒执行该函数。
    setInterval(function(){
        div.style.left = parseInt(div.style.left) + 5  + "px";
        div.style.top =  parseInt(div.style.top)  + 5  + "px";
    },50);
</script>

截图:

技术分享图片

 

js实现动画(移动方块)

标签:IV   bsp   分享   app   pos   javascrip   set   idt   osi   

原文地址:https://www.cnblogs.com/2016-zck/p/9215633.html

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