js实现简单的碰壁反弹效果

本文实例可以使用js来实现简单的碰壁反弹效果，具体的内容请大家参考代码部分。 

 
 
 
 #box{
  width: 1000px;
  height: 800px;
  position: relative;
  border:1px solid red;
  margin:50px auto 0;
 }
 #boll{
  width: 50px;
  height: 50px;

  border:1px solid green;
  position: absolute;
  top: 66px;
  left: 88px;
 }
 


 
  
 
 

 

其中movex和movey两个变量是判断运动的方向。

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