摘要: 缓冲运动:iSpeed=(iTarget-oDiv.offsetLeft)/7;速度离目标点越远,速度越大,离目标点越近速度越小;只支持1px是最小单位,没有0.5px。所以当iSpeed为小数时如(0.7),oDiv.style.Left=oDiv.offsetLef+iSpeed+'px';会把小数部分去掉,Div的位置永远到不了目标点;所以用Math.ceil(iSpeed);向上取值;当速度为负,则用Math.floor(iSpeed);向下取值;<body><input type="button" value="开始运动 阅读全文
posted @ 2013-06-20 16:36 猫多多 阅读(340) 评论(0) 推荐(0) 编辑
摘要: 匀速运动(框架):给物体不断加速度,用setInterval来循环执行;用timer来储存setInterval返回的id值;clearInterval(timer);清除定时器,让运动停止。用if else 来判断运动是移动还是停止;每执行一次事件(点击按钮)要清楚一次定时器,防止定时器叠加使速度不断加快;<body> <input id="btn1" type="button" value="开始运动" onclick="startMove()" /><div id="d 阅读全文
posted @ 2013-06-20 14:23 猫多多 阅读(262) 评论(0) 推荐(0) 编辑