js案例：小球碰壁反弹

目录

一.效果预览图​编辑

 解析

二.完整代码 

代码讲解

html部分

js部分

---

一.效果预览图

 解析

   这个效果是为了以后（过段时间会发的一个小游戏）做js小游戏做准备的，基本结构是，定义两个div盒子，小盒子设置成圆球形状，使其在大盒子中运动且不会跑到盒子外面去。

二.完整代码 

代码讲解

html部分

这部分是HTML和CSS代码，用于定义页面结构和样式。以下是逐行解释：

1. : 这是HTML文档类型的声明，指定了文档类型为HTML。
2. : HTML文档的根元素。
3. : 包含了文档的元数据和引用的外部资源。