js实现小球在页面规定的区域运动

本文实例为大家分享了js控制小球在规定范围运动的具体代码，供大家参考，具体内容如下

小球在页面规定的区域运动，碰到边界就改变运动方向。

 
 
 
 
 #box {
 width: 600px;
 height: 300px;
 border: 1px solid red;
 position: relative;
 }
 #ball {
 width: 50px;
 height: 50px;
 border-radius: 25px;
 background-color: yellow;
 position: absolute;
 top: 0;
 left: 0;
 }
 button {
 position: relative;
 }
 
 
 
 
 
 
 
 
 开始
 停止
 
 

效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。