-
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輕量級數(shù)據(jù)交換 json格式 {name:value, name2:value2,...}查看全部
-
鏈式動畫查看全部
-
針對不同瀏覽器 寫法不一樣查看全部
-
startMove(obj,attr,iTarget)查看全部
-
obj.style.width==obj.style['width']查看全部
-
getStyle(obj,attr)查看全部
-
offsetwidth offsetHeight 都會有小bug 使用getStyle查看全部
-
jQuery查看全部
-
同時運動 .利用JSON來實現(xiàn)同時運動 ..解析 for(var i in Json){ Json[i] } .{attr1:itarget1,att2:itarget2} .設置標志flag來標識是否所有運動執(zhí)行完畢 if(iCur != json[attr]) flag = false; if(flag)clearInterval(obj.timer) if(fn) fn();查看全部
-
鏈式動畫 . 將鏈式動畫作為函數(shù)通過參數(shù)傳遞給動畫函數(shù) . 動畫函數(shù) 新參數(shù)fn 回調(diào)函數(shù) . if(fn) fn();查看全部
舉報
0/150
提交
取消