如何利用js实现小球运动【全网最详解析】

小球运动js原生代码分解

---

解析过程

• 第一步
• 第二步
• 一，如何改变小球左右距离
• 二，如何改变小球上下距离

---

前言

js实现小球运动

随着互联网的不断发展，web前端js这门技术也越来越重要，很多人都开启了学习web前端js，本文就介绍了web前端js的基础内容。

第一步

创建一个让小球运动的盒子div，代码如下

	<div class="box">
			<div class="wrapper">
				<div class="boll"></div>
			</div>
			<button>开始</button>
		</div>

第二步

给这个盒子和小球设置css样式，代码如下：

	.wrapper{
				width: 600px;
				height: 600px;
				border: 5px solid black;
				margin: 0 auto;
				position: relative;
			}
			.wrapper .boll{