数码资讯
如何实现javaｓｃｒｉｐｔ的匀速运动
网站经常会用到javaｓｃｒｉｐｔ的运动，这次分享一些基本的练习应用，便于你在开发中直接使用它。 代码简单易懂。它适合初学者。最后，一步一步地组织一套自己的运动框架。 应用实例效果图： 当鼠标移动到共享时，左侧显示div，移动并恢复。相信所有这些都是有用的，看看代码是如何实现的。 复制代码代码如下所
选购提示
关注价格、性能、续航、售后和真实使用场景，理性比较后再下单。
网站经常会用到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码，这通常是不可能的，你不能告诉主人你跑得有多快。
所以程序是一样的，这里的速度被去掉了。
当然，在这个运动框架中会有很多问题，这些问题将陆续得到解决，在下一篇文章中，我们将讨论如何停止匀速运动。
代码简单易懂。它适合初学者。最后，一步一步地组织一套自己的运动框架。
应用实例效果图：
当鼠标移动到共享时，左侧显示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码，这通常是不可能的，你不能告诉主人你跑得有多快。
所以程序是一样的，这里的速度被去掉了。
当然，在这个运动框架中会有很多问题，这些问题将陆续得到解决，在下一篇文章中，我们将讨论如何停止匀速运动。
声明：本文内容用于数码产品信息整理与选购参考，具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。