前端开发JS--匀速运动

merry_melody

于 2022-01-10 20:56:54 发布

阅读量1.3k

点赞数 8

分类专栏：前端JS 文章标签： javascript 前端 css3

本文链接：https://blog.youkuaiyun.com/m0_51937621/article/details/122419065

版权

准备工作
1、有一个用户可视的物体
2、点击一个按钮，触发运动

 <style>
        div{
   
            width:100px;
            height:100px;
            background-color:orange;
            position:absolute;
            left:0px;
            top:0px;
        }
        button{
   
            margin-top:150px;
        }
</style>

一、匀速运动

 //运动就是改变物体像素
 //有了一个div,js要控制，首先要获取,元素然后在进行控制。
 //点击btn，物体快发生运动。
        var oDiv=document.getElementsByTagName("div")[0];
        var oBtn=document.getElementById('btn');
        oBtn.