-
多物体运动不能共用，odiv[i].alpha=30定义查看全部
-
改后效果查看全部
-
li[i].timer=null自定义一个定时器查看全部
-
var timer=null; function startmove(obj,targe){clearinterval(timer); timer=setinterval(function(){var speed=target-obj.offsetWidth)/8 speed=speed>0?math.ceil(speed):math.floor(speed); if(obj.offsetwidth==target){clearinterval(timer);}else{obj.style.left=obj.offsetwidth+speed+"px;}},30)}查看全部
-
多物体运动 window.onload=function(){var li=document.getELEMTNbytagName('li; for(var i=0; i<li.length; i++){li[i}.onmouseover=function(){startmove(this,400);} li[i].onmuseont=function(){startMpve(this,200)}}查看全部
-
不匀速运动查看全部
-
不匀速运动查看全部
-
两个startMove函数异步进行，第一个函数相当于通知它去改变宽度,通知完之后，不管完成没完成，都继续执行第二个函数了，而第二个函数里面也有clearInterval();就把前一个未执行完的动画清除了，相当于覆盖了。（改变宽度可能要300ms,而通知可能就要1ms,第二个函数通知的时候也就1ms，很快，就相当于覆盖了） 如果同时调用多个startMove函数，后面的startMove会清除掉前面的startMove的定时器（因为startMove函数中第一句就是clearInterval）。因此实际只有最后一个startMove被执行了。查看全部
-
透明度css代码查看全部
-
parseInt()方法还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。查看全部
-
offsetWidth=width+border*2 当前宽等于div宽加上border两边的宽查看全部
-
运动框架实现思路查看全部
-
1.速度（改变值left,right,width,height.opacity透明度） 2.缓冲运动 3.多物体运动 4.任意值变化 5.链式运动 6.同时运动查看全部
-
缓冲： var speed=( - )/20 speed=speed>0?Math.ceil(speed):Math.floor(speed); 速度为正向上取整，速度为负向下取整 原因： 由于数值设置的原因，div移动到一定px后，进行相减再除20的运算后会出现小数，比如0.75，比如这时div移动到了290，程序里写到div的left=oDiv.offsetLeft+speed+'px',那么div的left就是290.75px,而浏览器是不允许出现小数的，会把0.75去掉，那么div的left就成了290，下次执行时div的left是290，算出来速度还是0.75，浏览器又省略了小数，结果就是div停在了290px，到不了目标点300。查看全部
-
js速度动画讲的是定时器的作用，相同函数可以合并成一个函数的方法，优化、改进函数的方法，阻止定时器反复递归的方法。js透明度动画是继速度动画后增加了一个浏览器兼容的方法。缓冲动画的重点在于目标值-当前值后除以一个系数，运动变匀速为缓冲，缓冲目的达到。但是任何除法算式之后可能会产生小数，所以还需要对速度进行判断，为正Math.ceil(x)，为负Math.floor(x)三元判断式。speed > 0 ? Math.ceil(speed ) : Math.floor(speed )查看全部
举报
0/150
提交
取消