摘要: 思路:有多个物体运动时,当切换到另外一个时就要把当前物体运动的定时器关闭运动框架:1、先关闭当前DIV的定时器 clearInterval(obj.timer)2、开启当前DIV的定时器obj.timer=setInterval()2.1、定义物体运动的速度。速度等于目标(形参)减去当前DIV的宽度 obj.offsetWidth2.2、用三目运算符把速度向上取整Math.ceil()和向下取整Math.floor()2.3、用if判断,当当前DIV宽度等于目标值(iTarget)就清除当前DIV的定时器clearInterval(obj.timer),否则else就设置DIV的宽度等于当前D 阅读全文
posted @ 2013-03-15 16:45 yexingwen 阅读(1418) 评论(0) 推荐(0) 编辑
摘要: 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 #div1 {width:100px; height:100px; background:red; position:absolute; left:600px; top:50px;} 8 #div2 {width:1px; height:300px; position:absolute; left:30 阅读全文
posted @ 2013-03-15 11:25 yexingwen 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 缓冲运动:就是由快到慢的一个过程,距离越大,速度越大;距离越小,速度越小。也就是速度和距离成正比。缓冲运动代码1: 1 <script> 2 function startMove() 3 { 4 var oDiv=document.getElementById('div'); 5 6 setInterval(function(){ 7 var speed=(300-oDiv.offsetLeft)/10; 8 oDiv.style.left=oDiv.offsetLeft+speed+'px'; 9 },30)10 };11 <... 阅读全文
posted @ 2013-03-15 11:05 yexingwen 阅读(276) 评论(0) 推荐(0) 编辑