-
//多個(gè)對(duì)象時(shí),每個(gè)對(duì)象都必須有自己的timer和alpha,不能與其他對(duì)象共享 aLi[i].timer = null; aLi[i].alpha = 30;查看全部
-
1、速度的定義: var speed=(目標(biāo)值-當(dāng)前值(offset))/參數(shù); 2、取整函數(shù): 向下取整:Math.floor(3.55);//3.55是取整的數(shù)值,結(jié)果為:3 向上取整:Math.ceil(3.35);//結(jié)果為:4 3、速度的取整判斷: speed=speed>0?Math.ceil(speed):Math.floor(speed);查看全部
-
1、設(shè)置透明度的樣式語句: filter:alpha(opacity:30);//30是透明度的值。 2、因沒有獲取當(dāng)前透明度的屬性,則需要定義一個(gè)變量alpha,對(duì)變量和目標(biāo)進(jìn)行比較,實(shí)現(xiàn)效果。 3、IE和獲取瀏覽器透明度的賦值方法: IE:object.style.filter='alpha(opacity:'+值+')'; 火狐:object.style.opacity=值/100;查看全部
-
1、設(shè)置定時(shí)器: var timer=setInterval(function(){ },30)//30為時(shí)間間隔ms。 2、offsetLeft是當(dāng)前位置距離左側(cè)的值//Left可以用Top,Buttom,Right替換。 3、避免重復(fù)觸發(fā)定時(shí)器,需要在定時(shí)器運(yùn)行前,清除定時(shí)器:clearInterval(timer)。 4、使用函數(shù)大致相同時(shí),可以封裝一個(gè)通用的函數(shù),函數(shù)的參數(shù)盡可能的少。查看全部
-
有border/padding屬性的div運(yùn)動(dòng)時(shí)不能用offsetX屬性獲取div的X,因?yàn)閛ffsetX獲取的是div盒子的屬性 不是conten的屬性! 在用到obj.offsetWidth或者obj.offsetHeight的時(shí)候,如果,obj對(duì)象的樣式有border等屬性,則需要用getStyle()函數(shù)解決實(shí)際width和height值樣式不兼容的問題 //獲取style樣式 function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }查看全部
-
獲取樣式和轉(zhuǎn)換字符取整 oDiv.style.width 當(dāng)width:200px;等樣式寫在樣式表中時(shí),無法直接獲得oDiv.style.xxx,(寫在內(nèi)聯(lián)樣式中才表示該元素?fù)碛衧tyle屬性才能得到oDiv.style.xxx),所以要獲取樣式,需要通過函數(shù): function getStyle(obj,attr){ if (obj.currentStyle) { return obj.currentStyle[attr];//IE瀏覽器 } else{ return getComputedStyle(obj,false)[attr]; }; } parseInt(getStyle(obj,'width')) ———————— oDiv.style.width=oDiv.style.width-1+"px";是錯(cuò)誤的,因?yàn)閛Div.style.width得到的是字符串(如200px),不能直接和-1+"px"連接起來成為新的值,需要用parseInt()方法: oDiv.style.width=parseInt(oDiv.style.width)-1+"px";查看全部
-
offsetWidth包含了邊線的寬度。查看全部
-
speed = speed>0 ? Math.ceil(speed):Math.floor(speed); Math.ceil向上取整 Math.floor向下取整查看全部
-
1.winodw.onload設(shè)置進(jìn)入窗口加載 2.聲明并get ID 并設(shè)置鼠標(biāo)動(dòng)畫函數(shù) 3.開始寫動(dòng)畫函數(shù) 4.設(shè)置定時(shí)器,運(yùn)動(dòng) 5.判斷 到達(dá)時(shí)停止 否則繼續(xù)運(yùn)動(dòng) 6.判斷圖像位置大于或小于邊界,設(shè)置運(yùn)動(dòng)方向查看全部
-
speed = speed>0 ? Math.ceil(speed):Math.floor(speed); Math.ceil向上取整 Math.floor向下取整查看全部
-
speed = speed>0 ? Math.ceil(speed):Math.floor(speed); Math.ceil向上取整 Math.floor向下取整查看全部
-
通過更改top的屬性值實(shí)現(xiàn)向上轉(zhuǎn)動(dòng)的效果,為了使其從下面出來,需要在更改top之前設(shè)定top為30即可查看全部
-
json 格式 和 用法 json{a:12,b:13} 遍歷用json用for-in格式 為了解決不能同時(shí)到達(dá)目標(biāo)時(shí)取消定時(shí)器的問題,立了一個(gè)flag,然后通過是否有屬性到達(dá)目標(biāo)值,一旦有,則為false,則不會(huì)取消定時(shí)器,如果沒有,則每次觸發(fā)都為true,然后直接取消查看全部
-
多物體運(yùn)動(dòng),不僅僅timer需要分開,其他共用的變量也需要分開,不然就會(huì)出問題的。查看全部
-
動(dòng)畫開始前先清除掉所有定時(shí)器,動(dòng)畫使用 setInterval 來制作,達(dá)到效果 清除掉定時(shí)器查看全部
舉報(bào)
0/150
提交
取消