<div id="output"></div>
<script>
function sb(h,s,n){
return h<1?{n,s}:sb(h/2,s+h+h/2,n+1)
}
button.onclick=function(){
var gd=parseInt(input.value)
var res=sb(gd,0,0)
output.innerHTML="小球的回弹次数是"+res.n+"<br />小球走过的路程是"+res.s
}
</script>
你好,
可以通过判断小球边缘和窗口高度来实现
例如垂直下落,给小球y方向的初速度和加速度(模拟重力加速度),当小球的小边缘接触窗口底部时,将 y = -y;加速度不反向;当达到最高点及y方向速度为零,将y再反向向下落。
来回弹动关键在于 对边缘的判断,和速度方向的判断和计算
以div为例:拖动后记录x,y值给div加上mousePosition事件function mousePosition(evt){ evt = evt || window.eventreturn { x : evt.clientX + document.body.scrollLeft - document.body.clientLeft, y : evt.clientY + document.body.scrollTop - document.body.clientTop } } 第二次打开页面div定位$(“div”).attr("top",y).attr("left",x)