-
獲取樣式查看全部
-
使用JQ實(shí)現(xiàn)縱向滾動一圈的效果查看全部
-
縱向滾動一圈效果：減小top -> 設(shè)置top為一個較大的固定值 -> 減小top至原值查看全部
-
JSON：一種輕量級的數(shù)據(jù)交換格式，格式為{"name":value, ...}。 視頻里其實(shí)用的是對象字面量（var obj = {name:value, ...};），而不是JSON。 取值：for(var key in obj) var value = obj[key]; 使用對象來實(shí)現(xiàn)多屬性同時運(yùn)動：{attr1:iTarget1, attr2:iTarget, ...}。 需要在startMove(obj,json,fn)里用一個flag變量來表示是否所有屬性都已達(dá)到目標(biāo)值；當(dāng)flag==true（即都已達(dá)到），則結(jié)束動畫。查看全部
-
如果同時調(diào)用多個startMove函數(shù)，后面的startMove會清除掉前面的startMove的定時器（因?yàn)閟tartMove函數(shù)中第一句就是clearInterval）。因此實(shí)際只有最后一個startMove被執(zhí)行了。查看全部
-
改變大小查看全部
-
鏈?zhǔn)絼赢嫞阂粋€動畫執(zhí)行完畢后，緊接著自動執(zhí)行另一個動畫。 實(shí)現(xiàn)：給startMove函數(shù)添加一個參數(shù)func，用于傳入一個函數(shù)。查看全部
-
解決startMove(obj,attr,iTarget)函數(shù)的兩個bug： 1、當(dāng)attr為opacity時，parseInt獲取值可能永遠(yuǎn)為0；因此代碼修改為： if(attr == "opacity"){ icur = Math.round(parseFloat(getStyle(obj,attr)) * 100; } else{ icur = parseInt(getStyle(obj,attr), 10); } 2、當(dāng)attr為opacity或其他非px單位的屬性時，obj.style[attr]顯示值單位異常；因此代碼修改為： if(attr == "opacity"){ obj.style.filter = "filter:alpha(opacity:" + (icur + speed) + ")"; obj.style.opacity = (icur + speed) / 100; } else{ obj.style[attr] = icur + speed + "px"; } 注意： 1、計(jì)算機(jī)不能精確處理浮點(diǎn)數(shù)，因此浮點(diǎn)數(shù)一般不用來做比較或一些精確度要求較高的計(jì)算；因此此處的parseFloat值還要用Math.round四舍五入一下。 2、parseInt的第二個參數(shù)（表示進(jìn)制）最好寫上。如果第一個參數(shù)是字符串，那么parseInt會將"0x"開頭的string當(dāng)做16進(jìn)制數(shù)、將"0"開頭的string當(dāng)做8進(jìn)制數(shù)。 3、parseInt和parseFloat要求string的第一個字符必須為數(shù)字，否則返回NaN；parseInt會將string中的第一個非數(shù)字字符及其后的字符全部丟棄，而parseFloat會將string中的第一個非數(shù)字字符（除了第一個點(diǎn)號及點(diǎn)號后緊跟的數(shù)字）及其后的字符全部丟棄。 4、當(dāng)+運(yùn)算的一邊為字符串時，會優(yōu)先執(zhí)行字符串連接操作，因此有數(shù)學(xué)運(yùn)算時最好用括號包含或用另一個變量表示。查看全部
-
只要是多物體運(yùn)動，都不能共用初始化的變量 包括定時器和透明度初始值查看全部
-
offsetXXX系列屬性都會有一些bug（比如有border屬性時，offsetWidth和offsetHeight取值異常），所以讀取樣式一般使用currentStyle（限IE，相當(dāng)于style+runtimeStyle）或getComputedStyle（FF返回原始值，webkit返回最終值）。查看全部
-
涉及到速度的，一定要記得向上或者向下取整 Math.floor():向下取整 Math.ceil()：向上取整查看全部
-
offsetLeft 獲取的是相對于父對象的左邊距 left 獲取或設(shè)置相對于 具有定位屬性(position定義為relative)的父對象 的左邊距查看全部
-
<element>.style.<attribute>：用于獲取內(nèi)聯(lián)樣式（又稱行內(nèi)樣式）的屬性值。 getComputedStyle(<element>,false).<attribute>：用于最終樣式的只讀屬性值，不兼容IE9-。 <element>.currentStyle.<attribute>：用于IE9-獲取當(dāng)前樣式的屬性值。 通用獲取樣式的函數(shù)： function getStyle(ele, attr){ return ele.currentStyle ? ele.currentStyle[attr] : getComputedStyle(ele, false)[attr]; }查看全部
-
多物體運(yùn)動時，其運(yùn)動的屬性和計(jì)時器id等都不可共用，以防爭搶資源。 需要用類似于“obj.timer”的格式傳遞和修改參數(shù)。查看全部
-
透明度： opacity:0.3; /* IE9+和非IE瀏覽器，值為0~1 */ filter:alpha(opacity=30); /* IE8-，值為0~100 */查看全部
舉報
0/150
提交
取消