-
求速度的另一个思路： var initOffset = oDiv.offsetLeft; //初始offsetLeft值 var speed = (iTarget - initOffset) / 20; PS：后面的3-1缓冲动画课程实现了这种思路，只不过它把“var speed = (iTarget - oDiv.offsetLef) / 20;”放在了setInterval里，以实现缓冲效果。 由于oDiv.offsetLeft是动态变化的，并且oDiv.style.left=oDiv.offsetLeft+speed+"px"，此时就会产生bug：left值有小数点，而且达不到0和200px。 因此需要对speed取整：speed = speed>0 ? Math.ceil(speed) : Math.floor(speed)。查看全部
-
让速度取整查看全部
-
运动框架实现思路：查看全部
-
getStyle函数 获取样式查看全部
-
运动框架实现思路查看全部
-
jq实现动画效果查看全部
-
转一圈查看全部
-
多物体动画，所有参数需要分开定义查看全部
-
请你先敲一下代码再说好吗？flag只要定义在定时器内就可以了，在for-in前还是后面是无所谓的。二楼的观点是错的，定时器没30毫秒就会重置一次flag为true，执行下来一边，发现不是所有的同时运动完成，则flag=false，不执行fn，继续下一次30毫秒循环，若这一次所有的同时运动完成，flag不会置false，依然是true，所以若是有fn，会继续执行fn，完成链式动画，需要完美运动框架的可以找我要查看全部
-
其实问题很简单 不知楼下众位说得辣么复杂干嘛子 也就是老师写的flag变量相对于定时器的回调函数是全局变量，而回调函数会把全局变量flag赋值成false，辣么纵观整个作用域没有一个是把flag赋值成true的，也就是不可能会执行到清除timer和执行链式的最后一个参数fn，所以，得把flag设为true放在定时器回调里成为局部变量，把检测停止函数放在for in外接着后面，而回调里会把flag设为false，每次回调执行完就会把flag销毁，这样flag就不会一直是false从而进不了清除timer和执行fn的函数查看全部
-
JS中 obj.style.attr 只能获取行内样式 要获取非行内样式要通过obj.currentStyle[attr]或者getComputedStyle(obj,false)[attr]方法获取 可以封装为function getStyle(obj,attr){ if(obj.currentStyle){return obj.currentStyle[attr];}else{returngetComputedStyle(obj,false)[attr]}} obj.offsetWidth 返回值是数值所以不用parseInt（）；而obj.style.width获取的是像素值查看全部
-
Math.floor()向取整； Math.ceil()向上取整； Math.round()四舍五入； var speed = speed>0?Math.ceil(speed):Math.floor(speed); 如果(目标值-当前值)/10 不能整除的话。运动到最后，是1~9之间的数字来除以10，结果是个小于1的小数，如果用Math.floor(speed)向下取整，那就是0，speed=0，意味着不再发生变化。也就是说，当速度大于0的时候，如果用Math.floor(speed),最后不到10个像素的时候，就不会动了。所以要用Math.ceil向上取整。同理，当速度<0时，要用Math.ceil()取整。查看全部
-
关于为什么这里不能采用share.onmouseover=mouseover(0)方法的解答 // 是可以直接调用已经存在的函数的,但是不能加上() // 加上()的意思是当网页加载完毕之后直接调用函数,所以你可以试一下,只写onmouseover事件而不写onmouseout事件,打开文件就会有反应 // 所以,DOM0级事件处理方法是可以直接调用已经存在的函数的,也就是你想的那种,无参函数直接写就行了 // 比如show(){}函数,调用的时候直接写show就可以了,不需要加(),但是有参函数因为需要传入参数,所以必须写在匿名函数中才能达到期望的效果.查看全部
-
var box=document.getElementById("box"); box.style.opacity=0.1; box.onmouseover=function(){ changeopto(1); } box.onmouseout=function(){ changeopto(0.1); } var timer=null; var alpha=0.1; function changeopto(newOp){ var box=document.getElementById("box"); clearInterval(timer); timer=setInterval(function(){ var speed=0; if (newOp<alpha){ cgspeed=-0.01; alpha+=cgspeed; box.style.opacity=alpha; } if (newOp>alpha){ cgspeed=0.01; alpha+=cgspeed; box.style.opacity=alpha; } if (newOp==alpha){ clearInterval(timer); } },10); }查看全部
-
--运动框架 1.速度（改变值left,right,width,height,opacity） 2.缓冲运动 3.多物体运动 4.任意值变化 5.链式运动 6.同时运动查看全部
举报
0/150
提交
取消