-
多物體運動 for循環來為每一個TagNameList[i]添加事件 并添加屬性來區分各自的定時器(用于取消) 利用參數中的this來指定所選擇的當前元素 多物體不要共用一個值,在對象上定義一個單獨的屬性保持值 存在多項共用一個值，并且這個值會發生改變時，最好單獨給賦值，避免出現爭用的情況。查看全部
-
獲取樣式查看全部
-
1、速度的定義：<br> var speed=(目標值-當前值（offset）)/參數；<br> 2、取整函數：<br> 向下取整：Math.floor(3.55);//3.55是取整的數值，結果為：3<br> 向上取整：Math.ceil(3.35);//結果為：4<br> 3、速度的取整判斷：<br> speed=speed>0?Math.ceil(speed):Math.floor(speed);//<br> <br> 條件操作位 這個表達式的意思是如果speed大于0（關系表達式返回true），則將Math.ceil(speed)向下去整賦值給 speed，反之則將Math.floor(speed)向上去整賦值給 speed IE9, Firefox, Chrome, Opera 和 Safari 使用屬性 opacity 來設定透明度。opacity 屬性能夠設置的值從 0.0 到 1.0。值越小，越透明。 IE8 以及更早的版本使用濾鏡 filter:alpha(opacity=x)。x 能夠取的值從 0 到 100。值越小，越透明。查看全部
-
offsetwidth:是元素相對父元素的偏移寬度。等于border+padding+width 而width僅僅是自身的寬度查看全部
-
運動框架實現思路 1.速度（改變值left、right、width、height、opacity） 2.緩沖運動 3.多物體運動 4.任意值變化 5.鏈式運動 6.同時運動查看全部
-
function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return obj.getComputedStyle(obj,false)[attr]; } }查看全部
-
JS動畫效果查看全部
-
運動框架實現思路 1.速度（改變值left、right、width、height、opacity） 2.緩沖運動 3.多物體運動 4.任意值變化 5.鏈式運動 6.同時運動查看全部
-
css定義（filter:alpha(opacity:30)）//ie opacity//非ie JS 改變： alpha+=speed IE：style.filter=‘alpha(opactiy:’+alpha+')' 非IE .style.opactiy=alpha/100（火狐或者chrome關于透明度的滿值1，IE是100）查看全部
-
//之前老師的代碼有一個小bug，解決后的代碼 function getStyle(obj,attr){ if(obj.currentStyle){ //IE return obj.currentStyle[attr]; } else { return getComputedStyle(obj,false)[attr]; } } //json = {attr1:iTarget1,attr2:iTarget2} function startMove(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.filter = 'alpha(opacity:'+(icur+speed)+')'; //IE obj.style.opacity = (icur+speed)/100; } else { obj.style[attr] = icur + speed +'px'; } if(flag) { clearInterval(obj.timer); flag = true; if(fn){ fn(); } } } },20); }查看全部
-
最后的move.js function getStyle(obj,attr){ if(obj.currentStyle){ //IE return obj.currentStyle[attr]; } else { return getComputedStyle(obj,false)[attr]; } } //json = {attr1:iTarget1,attr2:iTarget2} function startMove(obj,json,fn){ clearInterval(obj.timer); var flag = true; //標志所有運動是否到達目標值 obj.timer = setInterval(function(){ 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.filter = 'alpha(opacity:'+(icur+speed)+')'; //IE obj.style.opacity = (icur+speed)/100; } else { obj.style[attr] = icur + speed +'px'; } if(flag == true) { clearInterval(obj.timer); if(fn){ fn(); } } } },30); }查看全部
-
多物體運動 for循環來為每一個TagNameList[i]添加事件 并添加屬性來區分各自的定時器(用于取消) 利用參數中的this來指定所選擇的當前元素 多物體不要共用一個值,在對象上定義一個單獨的屬性保持值 存在多項共用一個值，并且這個值會發生改變時，最好單獨給賦值，避免出現爭用的情況。查看全部
-
1、速度的定義： var speed=(目標值-當前值（offset）)/參數； 2、取整函數： 向下取整：Math.floor(3.55);//3.55是取整的數值，結果為：3 向上取整：Math.ceil(3.35);//結果為：4 3、速度的取整判斷： speed=speed>0?Math.ceil(speed):Math.floor(speed);// 條件操作位 這個表達式的意思是如果speed大于0（關系表達式返回true），則將Math.ceil(speed)向下去整賦值給 speed，反之則將Math.floor(speed)向上去整賦值給 speed查看全部
-
天?。。。?！高中數學的方程思想和函數思想啊，消元，利用變量之間的關系，消去變量查看全部
-
鏈式運動其實就是一個運動結束，另一個運動開始，就像跑接力棒一樣的查看全部
舉報
0/150
提交
取消