-
getComputerStyle()方法返回一個CSSStyleDeclaration對象 Math.round()將一個數四舍五入為一個最接近的整數查看全部
-
parseInt(string, radix) parseInt() 函數可解析一個字符串，并返回一個整數。 當參數 radix 的值為 0，或沒有設置該參數時，parseInt() 會根據 string 來判斷數字的基數。 當忽略參數 radix , JavaScript 默認數字的基數如下: 如果 string 以 "0x" 開頭，parseInt() 會把 string 的其余部分解析為十六進制的整數。 如果 string 以 0 開頭，那么 ECMAScript v3 允許 parseInt() 的一個實現把其后的字符解析為八進制或十六進制的數字。 如果 string 以 1 ~ 9 的數字開頭，parseInt() 將把它解析為十進制的整數。查看全部
-
function getStyle(obj,attr){ /*currentStyle針對IE瀏覽器，getComputerStyle針對Firefox*/ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }查看全部
-
存在多項共用一個值，并且這個值會發生改變時，最好單獨給賦值，避免出現爭用的情況。 li[i].timer = null; li[i].alpha = 30; clearInterval(obj.timer); obj.style.opacity = obj.alpha;查看全部
-
<script> window.onload = function(){ var aLi = document.getElementsByTagName("li"); for(var i=0; i<aLi.length; i++){ aLi[i].timer = null; aLi[i].onmouseover = function(){ startMove(this,400); }; aLi[i].onmouseout = function(){ startMove(this,200); }; } }; function startMove(obj,liTa){ clearInterval(obj.timer); obj.timer = setInterval(function(){ var speed = (liTa - obj.offsetWidth)/8; speed = speed > 0 ? Math.ceil(speed):Math.floor(speed); if(obj.offsetWidth == liTa){ clearInterval(obj.timer); }else{ obj.style.width = obj.offsetWidth+speed+'px'; } },30); } </script>查看全部
-
<script> window.onload = function(){ var oDiv = document.getElementById("div1"); oDiv.onmouseover = function(){ startMove(0); }; oDiv.onmouseout = function(){ startMove(-200); }; }; var timer = null function startMove(offleft){ clearInterval(timer); var oDiv = document.getElementById("div1"); timer = setInterval(function(){ var speed = (offleft - oDiv.offsetLeft)/10; speed = speed > 0 ?Math.ceil(speed):Math.floor(speed); if(oDiv.offsetLeft == offleft ){ clearInterval(timer); } oDiv.style.left = oDiv.offsetLeft+speed+'px'; },30); } </script>查看全部
-
Math.floor(x)：非四舍五入，向下取整，eg:x=3.4 或者 x=3.9 ,最終Math.floor(x)都等于3. Math.ceil(x):向上取整。查看全部
-
<script> window.onload = function(){ var oDiv = document.getElementById("div1"); oDiv.onmouseover = function(){ startOpacity(100); }; oDiv.onmouseout = function(){ startOpacity(30); }; }; var alpha = 30; var timer = 0; function startOpacity(opac){ var oDiv = document.getElementById("div1"); clearInterval(timer); var speed = 0; timer = setInterval(function(){ if(alpha > opac){ speed = -10; }else if(alpha < opac){ speed = 10; }else{ clearInterval(timer); } alpha+=speed; oDiv.style.filter = alpha+"(opacity:"+alpha+")"; oDiv.style.opacity = alpha / 100; },30); } </script>查看全部
-
所有主流瀏覽器(IE,Firefox,Opera,Chrome,Safari)都支持opacity屬性。 注意：IE8和早期版本支持另一種過濾器屬性。像：filter:Alpha(opacity=50)查看全部
-
window.onload = function(){ var oDiv = document.getElementById("div1"); oDiv.onmouseover = function(){ startMove(0); }; oDiv.onmouseout = function(){ startMove(-200); }; }; var timer = null function startMove(offleft){ clearInterval(timer); var oDiv = document.getElementById("div1"); timer = setInterval(function(){ var speed = 0; if(oDiv.offsetLeft > offleft ){ speed = -10; }else if(oDiv.offsetLeft < offleft) { speed = 10; }else{ clearInterval(timer); } oDiv.style.left = oDiv.offsetLeft+speed+'px'; },30); }查看全部
-
兩段代碼相似時，可以找出不同的部分，將不同的作為參數，用一個代碼完成。查看全部
-
已不知道是第幾遍看了，學這個花了很長很長的時間?？偹闶菍崿F出來了。。。查看全部
-
Dom.offsetWidth 包含寬度 邊框長度 填充物padding長度查看全部
-
事件中使用到定時器時，需要注意多次觸發事件將開啟多個定時器，一般先取消定時clearInteval()查看全部
-
改變透明度時出現的問題： 1、獲取當前透明度不用parseInt 2、設置透明度要考慮兼容 obj.style.filter='alpha(opacity:'+(當前透明度+變化速度)+')'; obj.style.opacity=(當前透明度+變化速度)/100; 3、透明度不加“px”查看全部
舉報
0/150
提交
取消