如何实现javaｓｃｒｉｐｔ的匀速运动

网站经常会用到javaｓｃｒｉｐｔ的运动，这次分享一些基本的练习应用，便于你在开发中直接使用它。

代码简单易懂。它适合初学者。最后，一步一步地组织一套自己的运动框架。

应用实例效果图：
当鼠标移动到共享时，左侧显示div，移动并恢复。相信所有这些都是有用的，看看代码是如何实现的。

复制代码代码如下所示：
{ # DIV1

宽度：150px；

身高：200px；

背景：绿色；

位置：绝对；

左：- 150px；

}

# DIV1 {跨度

位置：绝对；

宽度：20px；

身高：60px；

行高：20px；

背景：蓝色；

右：- 20px；

上图：70px；

}
复制代码代码如下所示：

分享

下面是Javaｓｃｒｉｐｔ代码

复制代码代码如下所示：
窗口。指针函数（）{

无功odiv = document.getelementbyid（联赛）；

ODiv。onmouseover =函数（）{

（0）startmove；

}；

ODiv。onmouseout=函数（）{

StartMove（150）；

}；

}

var时间=空；

功能startmove（itraget）{

无功odiv = document.getelementbyid（联赛）；

ClearInterval（时间）；

时间= setInterval（）{（）函数（

var速度= 0；

如果（odiv。offsetleft > itraget）{

速度= 10；

其他{ }

速度= 10；

}

如果（odiv。offsetleft = = itraget）{

ClearInterval（时间）；

其他{ }

ODiv。风格。左= odiv offsetleft +速度+ 'px；

}

}，30）；

}
思想:

样式中的初始左边是150，所以div在里面，0个会显示出来，所以我们只能改变这个值。

在startmove参数指标是目标点，指示目标的点会停止。

控制速度的大小可以控制运动的速度。如果达到了目标，计时器就停止了。

法律uff1a

*假设

这是正确的指标：300左：30

*左：600指标：50认为是左负

*

*导出由当前位置左和目标点指标之间的关系速度的正面和负面的
注意：我们第一次启动时必须关掉定时器，因为每次我们移动共享时，我们都会设置一个定时器，而且我们打开的时间越长，它就越快，因为同时会有多个定时器。

所以每次你必须保证一个计时器的工作。

跟随：函数的作用越小越好原则，所以根据上述规则，速度没有作为参数引入。

以你的生活为例：你打的，告诉出租车司机，车速是100码，这通常是不可能的，你不能告诉主人你跑得有多快。

所以程序是一样的，这里的速度被去掉了。

当然，在这个运动框架中会有很多问题，这些问题将陆续得到解决，在下一篇文章中，我们将讨论如何停止匀速运动。