-
移入移出:offsetleft(距離左邊界距離) 透明度:css定義(filter:alpha(opacity:30)) JS 改變:.IE:style.filter=‘alpha(opactiy:’+值+')' 非IE .style.opactiy=值/100(火狐或者chrome關于透明度的滿值1,IE是100)查看全部
-
主要涉及到多物體運動 公用的參數一定要分開寫查看全部
-
多物體查看全部
-
想一想查看全部
-
緩沖運動 變速查看全部
-
上一行IE 下一行 火狐查看全部
-
透明度 filter:alpha(opacity:30)查看全部
-
兩段代碼非常相似的時候 將不同的部分挑出 作為參數傳入查看全部
-
加判斷查看全部
-
快速變換位置就是動畫了 太有才了查看全部
-
獲取樣式 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每次進行執行函數時都會被賦值為1,只要有任何一個未達到目標值都會改變flag的值,從而不能關閉定時器 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]; } }查看全部
舉報
0/150
提交
取消