-
多物體動畫的timer注意不可以共用,需要設置各自的timer。多物體運動】注意變量定義不要共用,寫在自己的for循環里。 or循環來為每一個TagNameList[i]添加事件 并添加屬性來區分各自的定時器(用于取消) 利用參數中的this來指定所選擇的當前元素查看全部
-
Math.floor向下取整 Math.ceil向上取整查看全部
-
alert(oDiv.style.width); //彈出的寬度 為div寬,不包括邊框寬 200 alert(oDiv.offsetWidth); //彈出的寬度包括 div寬+borderX2 為204 //獲取 width 屬性的值 200px alert(getStyle(oDiv,'width')); //.....查看全部
-
obj.offsetWidth:獲得的是整個div的寬,包括border,得到的直接是數值 obj.style.width:只是寬,不包括border,得到的是XXpx,可以用parseInt()轉化為數值查看全部
-
JQuery封裝的方法調用mouseenter、animate查看全部
-
視覺上從當前移出,然后從底下向上浮現: 利用函數封裝top:-25px 回調之前top;30px(先讓其顯示在底下)查看全部
-
運動框架思路參考;查看全部
-
鏈式運動:結束一個運動的時候,去直接另一個運動 回調函數:查看全部
-
寬、高、透明度同時變化(運動框架) JSON是一種輕量級的數據交換格式 var json={name:key}多對值可以用逗號隔開var json={a:12,b:2} 遍歷json,用 for-in循環 for(var i in json) {alert(i);//彈出對象 alert(json[i]);//彈出對象的值} 傳入的三個值要都到達目標值,才執行停止定時器。 function getStyle(obj,attr) { if(obj.currentStyle) { return obj.currentStyle[attr]; } else { return getComputedStyle(obj,false)[attr]; } } function move(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.opacity = (icur+speed)/100; obj.style.filter = 'alpha(opacity='+(icur+speed)+')'; }else{ obj.style[attr] = icur+speed+"px"; } } if(flag) { clearInterval(obj.timer); if(fn) { fn(); } } }, 30) }查看全部
-
獲取樣式查看全部
-
當執行類似代碼時,封裝到一個函數中,相同的變量就是要傳的參數值查看全部
-
鏈式運動需要底層框架查看全部
-
getStyle獲取css樣式查看全部
-
JSON(JavaScript Object Notation)是一種輕量級的數據交換格式 格式:var json ={name:key},如:var json ={a:2,b:13}一對值中的name和key用:隔開,對值和對值用,隔開. 遍歷json: for(var i in json){ alert(i);//取出name變量 alert(json[i]);//取出變量值 }查看全部
-
alert(oDiv.style.width); //彈出的寬度 為div寬,不包括邊框寬 200 alert(oDiv.offsetWidth); //彈出的寬度包括 div寬+borderX2 為204 //獲取 width 屬性的值 200px alert(getStyle(oDiv,'width')); //..... //so,接下來的寬度調用該方法獲取指定元素的屬性值查看全部
舉報
0/150
提交
取消