-
function getStyle(obj,attr) { if(obj.currentStyle) { return obj.currentStyle[attr]; } else { return getComputedStyle(obj,false)[attr]; } } function move(obj,json,fn){ clearInterval(obj.timer); obj.timer=setInterval(function(){ var flag = true; for(var attr in json){ //取当前值 var icur =0; if(attr=='opacity'){ icur = Math.round(parseFloat(getStyle(obj,attr)*100)); }else{ icur = parseInt(getStyle(obj,attr)); } //计算速度 var speed = (json[attr]-icur)/8; speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed); //检测停止 if(icur != json[attr]) { flag = false; } if(attr=='opacity') { obj.style.opacity = (icur+speed)/100; obj.style.filter = 'alpha(opacity='+(icur+speed)+')'; }else{ obj.style[attr] = icur+speed+"px"; } } if(flag) { clearInterval(obj.timer); if(fn) { fn(); } } }, 30) }查看全部
-
jquery方法查看全部
-
json格式: {name:value, name2:value2,...}查看全部
-
jquery查看全部
-
中间做一步处理 假装从下面出来查看全部
-
Json轻量级数据交换 json格式 {name:value, name2:value2,...}查看全部
-
链式动画查看全部
-
针对不同浏览器 写法不一样查看全部
-
startMove(obj,attr,iTarget)查看全部
-
obj.style.width==obj.style['width']查看全部
-
getStyle(obj,attr)查看全部
-
offsetwidth offsetHeight 都会有小bug 使用getStyle查看全部
-
jQuery查看全部
-
同时运动 .利用JSON来实现同时运动 ..解析 for(var i in Json){ Json[i] } .{attr1:itarget1,att2:itarget2} .设置标志flag来标识是否所有运动执行完毕 if(iCur != json[attr]) flag = false; if(flag)clearInterval(obj.timer) if(fn) fn();查看全部
-
链式动画 . 将链式动画作为函数通过参数传递给动画函数 . 动画函数 新参数fn 回调函数 . if(fn) fn();查看全部
举报
0/150
提交
取消