-
startMove(Li,'opacity',30,function(){ startMove(Li,'width',200); })查看全部
-
鏈式運動：加入回調(diào)函數(shù)的參數(shù)，如果該參數(shù)不為空，當(dāng)前一動畫停止時就執(zhí)行該函數(shù)，從而實現(xiàn)鏈式動畫。查看全部
-
1. 并不是所有屬性的值和其類型都是一樣的，需要對不同類型的屬性值分別判斷處理（如透明度） 2. 計算機不能嚴格地存儲小數(shù)，如0.07*100 = 7.0000000001而不是7，需要用Math.round()對其進行四舍五入。查看全部
-
加了邊框后元素的offsetWidth和offsetHeight會發(fā)生改變(為width+2*border、height+2*border) 通過obj.currenStyle[attr](IE)或getComputedStyle(obj,false)[attr]獲取元素的行內(nèi)寬度（不包括邊框的obj.style.width(不能直接獲取)）查看全部
-
緩沖動畫：動畫結(jié)束前有緩沖，非勻速運動，臨近終點時減速。 實現(xiàn)：通過將速度與當(dāng)前位置和終點位置的距離綁定，形成臨近終點時減速的效果。 speed = (stopX - oDiv.offsetLeft)/20; //20可以根據(jù)速度變化要求替換為合適的整數(shù)查看全部
-
透明度變換： css定義（ filter:alpha(opacity:30)//IE opacity:0.3; //非IE） JS 改變： IE：style.filter=‘a(chǎn)lpha(opactiy:’+值+')' 非IE .style.opactiy=值/100（火狐或者chrome關(guān)于透明度的滿值1，IE是100） 注：無法獲取到透明度的值，可以使用變量預(yù)定義查看全部
-
通過定時器來實現(xiàn)動畫，定時器在調(diào)用前需要先清空，否則會不斷觸發(fā)定時器，加快動畫速率。 timer = setInterval(function(){ if(oDiv.offsetLeft == 0){ clearInterval(timer); }else{ oDiv.style.left = oDiv.offsetLeft+10+'px'; //動畫移動 } }查看全部
-
鏈式運動查看全部
-
透明度在不同瀏覽器的設(shè)置查看全部
-
不同瀏覽器獲取樣式方法查看全部
-
在使用定時器的時候，在每次使用前都必須清除定時器，要不然就會造成好多個定時器疊加在一起的效果。查看全部
-
緩沖遠東取整查看全部
-
運動框架思路查看全部
-
鏈式運動函數(shù)： 鼠標移開執(zhí)行的動作 與 鼠標滑過的動作相反 。 window.onload = function(){ var oDiv = document.getElementById("div1"); oDiv.timer = null; oDiv.onmouseover = function(){ startMove(oDiv,'width',400,function(){ startMove(oDiv,'height',400,function(){ startMove(oDiv,'opacity',100); }); }); }; oDiv.onmouseout = function(){ startMove(oDiv,'height',200,function(){ startMove(oDiv,'opacity',30,function(){ startMove(oDiv,'width',200) }) }); }; };查看全部
-
IE和不同瀏覽器的透明度設(shè)置 47 48查看全部
舉報
0/150
提交
取消