-
運動框架實現(xiàn)思路 1.速度（改變值left、right、width、height、opacity） 2.緩沖運動 3.多物體運動 4.任意值變化 5.鏈式運動 6.同時運動查看全部
-
json = {name1：key1,name2:key2...nameN:keyN} for(var i in json) { alert(i);//此時彈出的是json里的name alert(json[i])；//此時彈出的是json里的key }查看全部
-
獲取樣式函數(shù)查看全部
-
currentStyle針對IE瀏覽器 getComputedStyle針對firefox瀏覽器查看全部
-
IE :filter:alpha(opacity:30); 非IE :opacity:0.3; IE :DOM元素.style.filter="alpha(opacity:"+alpha+")"; 非IE:DOM元素.style.opacity=alpha/100;查看全部
-
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) }查看全部
-
getStyle(obj,attr) { if(obj.currentStyle){ return obj.current.Style[attr];} else {return getComputedStyle(obj,false)[attr];} }查看全部
-
多物體動畫，基本上所有的屬性都不能公用，尤其是定時器。查看全部
-
那個向上和向下取整如果是為了四舍五入的話直接用Math.round()方法比較簡單。查看全部
-
運動框架實現(xiàn)思路查看全部
-
向左的時候向下取整math.floor（），向右的時候對速度向上取整math.ceil(),方可對位置的處理達到target值查看全部
-
在使用定時器的時候，在每次使用前都必須清除定時器，要不然就會造成好多個定時器疊加在一起的效果。查看全部
-
運動框架實現(xiàn)思路 1.速度（改變值left、right、width、height、opacity） 2.緩沖運動 3.多物體運動 4.任意值變化 5.鏈式運動 6.同時運動查看全部
-
運動框架實現(xiàn)思路查看全部
-
window.onload=function(){ var Li1=document.getElementById('li1'); Li1.onmouseover=function(){ startMove(Li1,'width',500,function(){ startMove(Li1,'height',500); }); } Li1.onmouseout=function(){ startMove(Li1,'height',200,function(){ startMove(Li1,'width',200); }) } }查看全部
舉報
0/150
提交
取消