javascript---之自由落体运动实现

最新推荐文章于 2022-07-13 08:05:27 发布

zz410675629

最新推荐文章于 2022-07-13 08:05:27 发布

阅读量2.4k

点赞数

分类专栏： javascript基础学习

本文链接：https://blog.csdn.net/zz410675629/article/details/27824957

版权

实现自由落体运动需要理解的几个简单属性：

clientHeight：浏览器客户端整体高度

offsetHeight：对象（比如div）的高度

offsetTop：对象离客户端最顶端的距离

简单demo如下：

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>free_movement</title>
	<style type="text/css">
		#div1{
			position: absolute;
			height: 100px;
			width: 100px;
			background: red;
		}
	</style>
	<script type="text/javascript">
		window.οnlοad=function  () {
			var btn=document.getElementById('btn');
			var div1=document.getElementById('div1');

			var Time=null;
			var speed=0;
			btn.οnclick=function () {
				startMove();
			}

			function startMove () {
				clearInterval(Time);
				Time=setInterval(function(){
					speed+= 3;
					var T = div1.offsetTo

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zz410675629

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
javascript---之自由落体运动实现

实现自由落体运动需要理解的几个简单属性：clientHeight：浏览器客户端整体高度offsetHeight：对象（比如div）的高度offsetTop：对象离客户端最顶端的距离简单demo如下： free_movement #div1{ position: absolute; height: 100px; width: 100
复制链接

扫一扫