首页 > 移动平台 > 详细

js实现动画(移动方块)

时间:2018-06-22 23:09:36      阅读:300      评论:0      收藏:0      [点我收藏+]

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实现动画(移动方块)

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!