-
移入移出:offsetleft(距離左邊界距離) 透明度：css定義（filter:alpha(opacity:30)） JS 改變：.IE：style.filter=‘a(chǎn)lpha(opactiy:’+值+')' 非IE .style.opactiy=值/100（火狐或者chrome關(guān)于透明度的滿值1，IE是100）查看全部
-
主要涉及到多物體運(yùn)動(dòng) 公用的參數(shù)一定要分開(kāi)寫(xiě)查看全部
-
多物體查看全部
-
想一想查看全部
-
緩沖運(yùn)動(dòng) 變速查看全部
-
上一行IE 下一行 火狐查看全部
-
透明度 filter:alpha(opacity:30)查看全部
-
兩段代碼非常相似的時(shí)候 將不同的部分挑出 作為參數(shù)傳入查看全部
-
加判斷查看全部
-
快速變換位置就是動(dòng)畫(huà)了 太有才了查看全部
-
獲取樣式 currentStyle getComputedStyle?查看全部
-
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(attr in json){ if(attr=="opacity"){ var iCur=Math.round(parseFloat(GetStyle(obj,attr))*100); } else{ var 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每次進(jìn)行執(zhí)行函數(shù)時(shí)都會(huì)被賦值為1，只要有任何一個(gè)未達(dá)到目標(biāo)值都會(huì)改變flag的值，從而不能關(guān)閉定時(shí)器 flag=false; } if(attr=="opacity"){ obj.style.filter="alpha(opacity:"+(iCur+speed)+")"; obj.style.opacity=(iCur+speed)/100; } else{obj.style[attr]=iCur+speed+"px"} } if(flag){ clearInterval(obj.timer) if(fn){ fn(); } } },30) }查看全部
-
// 獲取樣式 function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }查看全部
-
js獲得任意屬性：function getStyle (obj,target) { if (obj.currentStyle) { return obj.currentStyle[target]; } else{ return getComputedStyle(obj,false)[target]; } }查看全部
舉報(bào)
0/150
提交
取消