-
當(dāng)多個函數(shù)調(diào)用同一個全局變量時,應(yīng)用this屬性區(qū)分開這個變量,使其不會相互影響調(diào)用;查看全部
-
var json={name1:value1,name2:value2}; for(var i in json){//循環(huán)遍歷取出 i;//取出name json[i];//取出value }查看全部
-
json讓一個物體的多個屬性同時運動查看全部
-
offsetxxx屬性值包含:元素長或?qū)?邊框+內(nèi)間距等等 當(dāng)屬性增多時offset就會出現(xiàn)問題,為了解決這些問題就用getStyle函數(shù)來代替offset查看全部
-
js只能獲取到行內(nèi)樣式,而無法獲取到內(nèi)部樣式或外部樣式。 obj.style.xxxx獲取的是行內(nèi)樣式。 獲取內(nèi)部或外部樣式的方法: currentStyle 針對IE瀏覽器; getComputedStyle 針對firefox瀏覽器。查看全部
-
設(shè)置多物體動畫效果,所有設(shè)置的變量、方法、屬性都不能公用。查看全部
-
緩沖運動中:向上取整Math.ceil(),向下取整Math.floor() 由于數(shù)值設(shè)置的原因,div移動到一定px后,進行相減再除20的運算后會出現(xiàn)小數(shù),比如0.75,比如這時div移動到了290,程序里寫到div的left=oDiv.offsetLeft+speed+'px',那么div的left就是290.75px,此時speed速度為0.75。而瀏覽器是不允許出現(xiàn)小數(shù)的,會把0.75去掉,那么就速度為0 不動了。那么div的left就變成了290,下次執(zhí)行時div的left是290,算出來速度還是0.75,瀏覽器又省略了小數(shù),結(jié)果就是div停在了290px,到不了目標(biāo)點300。 所以 向右移動 速度為正 就將變成小數(shù)的速度 向上取整 為1 向左移動 速度為負 就將變成負小數(shù)的速度向下取整 取整原因:因為有除法,當(dāng)offsetLeft值變的越來越小時,最后相除會使speed變成小數(shù),從而offsetLeft與speed相加會有小數(shù),又因顯示器的最小像素單位是1px,所以瀏覽器默認向下取整(變小,即floor),將小數(shù)省略,小數(shù)省略后,最終的值會變小,從而導(dǎo)致程序無法進入if判斷,進入死循環(huán)。 這一點可以用console.log(speed)可以驗證,speed的log會一直輸出,因為程序死循環(huán)了 Math.floor()向取整; Math.ceil()向上取整; Math.round()四舍五入; var speed = speed>0?Math.ceil(speed):Math.floor(speed); 如果(目標(biāo)值-當(dāng)前值)/10 不能整除的話。運動到最后,是1~9之間的數(shù)字來除以10,結(jié)果是個小于1的小數(shù),如果用Math.floor(speed)向下取整,那就是0,speed=0,意味著不再發(fā)生變化。也就是說,當(dāng)速度大于0的時候,如果用Math.floor(speed),最后不到10個像素的時候,就不會動了。所以要用Math.ceil向上取整。同理,當(dāng)速度<0時,要用Math.ceil()取整。查看全部
-
透明度運動緩沖運動 人一直變化查看全部
-
可以再看10遍查看全部
-
完整運動框架demo,http://pan.baidu.com/s/1qYhSS1Y查看全部
-
jquery封裝好的animate使用方法.查看全部
-
多物體運動,所有變量東西都不能共用查看全部
-
1.offsetWidth屬性可以返回對象的padding+border+width屬性值之和,style.width返回值就是定義的width屬性值。 2.offsetWidth屬性僅是可讀屬性,而style.width是可讀寫的。 3.offsetWidth屬性返回值是整數(shù),而style.width的返回值是字符串。 4.style.width僅能返回以style方式定義的內(nèi)部樣式表的width屬性值。查看全部
-
<!-- 使用js實現(xiàn)透明度運動而不采用直接設(shè)置css的style.opacity屬性來改變透明度,這是因為css的透明度的設(shè)置是一步到位,瞬時完成的,而使用js可以實現(xiàn)漸隱特效 --> opacity是不透明度,opacity為0時表示不透明度是0也就是完全透明(效果等同于css的隱藏) filter: alpha(opacity:30); /*IE瀏覽器專用,opacity屬性值為0~100*/ opacity:0.3; /*所有主流瀏覽器都支持opacity屬性。查看全部
-
js運動框架實現(xiàn)思路查看全部
舉報
0/150
提交
取消