多物体任意值运动框架(雏型)
2013-10-17 10:36
447 查看
//获取对象样式属性 function getStyle(obj, attr) { if(obj.currentStyle) { return obj.currentStyle[attr]; } else { return getComputedStyle(obj, false)[attr]; } } //多物体任何值运动框架 function elemsMove(obj, attr, iTarget, fn) { if(obj.timer) { clearInterval(obj.timer); } var repeat = function() { //用getStyle函数获取通用样式值 var iStyle = 0; //为支持透明度做判断处理 if(attr == 'opacity') { //为ispeed处理数为整数需*100,同时为避免使用小数需再取整 iStyle = parseInt(parseFloat(getStyle(obj, attr)) * 100); } else { iStyle = parseInt(getStyle(obj, attr)); } var ispeed = (parseInt(iTarget) - iStyle) / 8; ispeed = ispeed > 0 ? Math.ceil(ispeed) : Math.floor(ispeed); if(iStyle == iTarget) { clearInterval(obj.timer); if(fn) { fn(); } } else { if(attr == 'opacity') { obj.style.filter = 'alpha(opacity:' + (iStyle + ispeed) + ')'; obj.style.opacity = (iStyle + ispeed) / 100; } else { obj.style[attr] = iStyle + ispeed + 'px'; } } }; obj.timer = setInterval(repeat, 30); }
相关文章推荐
- 物体任意值运动框架(包括透明度)move.js
- javascript 多物体任意运动框架
- JavaScript运动框架 多物体任意值运动(三)
- JavaScript运动框架(三):多物体任意值运动
- 多物体,任意值运动框架
- 多物体任意值运动框架
- javascript运动框架多物体运动---1
- js-完美物体运动框架
- 任意运动框架
- 任意值的运动框架
- Js运动动画系列9--多物体同时运动-封装运动框架
- js之任意值运动框架
- js多物体不同运动框架(标签样式)
- js多物体任意值运动
- 物体运动框架
- JS运动之多物体框架--多个div变宽
- Javascript运动概念2——多物体运动框架
- 多物体运动框架
- 多物体运动框架
- js运动技术--多物体运动框架(变宽、变高、改变字体、改变border、透明度)以及替换offset的使用