-
currentStyle针对IE浏览器； getComputedStyle 针对Firefox浏览器查看全部
-
alpha += speed; 即alpha = alpha + speed;查看全部
-
setInterval查看全部
-
IE浏览器filter:alpha(opacity=30); 其他的opacity:0.3;查看全部
-
同时执行两个定时器函数，后一个函数执行时会清除前一个函数的定时器， 所以实际效果是只执行后一个函数查看全部
-
设置一个回调参数，如果在执行第一个参数完成之后没有第二个要执行的，就结束动作，反之，则进行下一步查看全部
-
获取样式 getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr];//针对IE浏览器 } else{ return getComputeedStyle(obj,false)[attr];针对firefox浏览器 } }查看全部
-
function startMove(obj, json, fn) { clearInterval(obj.timer); obj.timer = setInterval(function() { var flag = true;//标志所有运动是否到达目标值-----必须放在计时器里面(才能满足判断所有运动是否到达目标值) for(var attr in json) { var curr = 0; if(attr == 'opacity') { curr = Math.round(parseFloat(getStyle(obj, attr)) * 100); } else { curr = parseInt(getStyle(obj, attr)); } //移动速度处理 var speed = 0; speed = (json[attr] - curr) / 10; speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed); if(curr != json[attr]) { flag = false; } if(attr == 'opacity') { obj.style.filter = 'alpha(opacity:' + (curr + speed) + ")"; obj.style.opacity = (curr + speed) / 100; } else { obj.style[attr] = curr + speed + 'px'; } } if(flag) { //alert('ok'); clearInterval(obj.timer); if(fn) { fu(); } } }, 30); } function getStyle(obj, attr) { if(obj.currentStyle) { //IE取样式 return obj.currentStyle[attr]; } else { return getComputedStyle(obj, false)[attr]; } }查看全部
-
getStyle parseFloat查看全部
-
由于计算机不能很精确的存储浮点数，使用parseFloat时，有时会出现一堆小数。 解决：Math.round()四舍五入查看全部
-
当多物体运动时候，所有的参数都不能公用，像timer，或者alpha查看全部
-
修改行内样式查看全部
-
获取样式通过getStyle（obj，attribute）进行，这是一个封装好的函数查看全部
-
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获取的是像素值查看全部
-
取整原因：因为有除法，当offsetLeft值变的越来越小时，最后相除会使speed变成小数，从而offsetLeft与speed相加会有小数，又因显示器的最小像素单位是1px，所以浏览器默认向下取整（变小，即floor），将小数省略，小数省略后，最终的值会变小，从而导致程序无法进入if判断，进入死循环。 这一点可以用console.log(speed)可以验证，speed的log会一直输出，因为程序死循环了查看全部
举报
0/150
提交
取消