-
getComputerStyle()方法返回一個(gè)CSSStyleDeclaration對(duì)象 Math.round()將一個(gè)數(shù)四舍五入為一個(gè)最接近的整數(shù)查看全部
-
parseInt(string, radix) parseInt() 函數(shù)可解析一個(gè)字符串，并返回一個(gè)整數(shù)。 當(dāng)參數(shù) radix 的值為 0，或沒有設(shè)置該參數(shù)時(shí)，parseInt() 會(huì)根據(jù) string 來(lái)判斷數(shù)字的基數(shù)。 當(dāng)忽略參數(shù) radix , JavaScript 默認(rèn)數(shù)字的基數(shù)如下: 如果 string 以 "0x" 開頭，parseInt() 會(huì)把 string 的其余部分解析為十六進(jìn)制的整數(shù)。 如果 string 以 0 開頭，那么 ECMAScript v3 允許 parseInt() 的一個(gè)實(shí)現(xiàn)把其后的字符解析為八進(jìn)制或十六進(jìn)制的數(shù)字。 如果 string 以 1 ~ 9 的數(shù)字開頭，parseInt() 將把它解析為十進(jìn)制的整數(shù)。查看全部
-
function getStyle(obj,attr){ /*currentStyle針對(duì)IE瀏覽器，getComputerStyle針對(duì)Firefox*/ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }查看全部
-
存在多項(xiàng)共用一個(gè)值，并且這個(gè)值會(huì)發(fā)生改變時(shí)，最好單獨(dú)給賦值，避免出現(xiàn)爭(zhēng)用的情況。 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和早期版本支持另一種過(guò)濾器屬性。像：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); }查看全部
-
兩段代碼相似時(shí)，可以找出不同的部分，將不同的作為參數(shù)，用一個(gè)代碼完成。查看全部
-
已不知道是第幾遍看了，學(xué)這個(gè)花了很長(zhǎng)很長(zhǎng)的時(shí)間?？偹闶菍?shí)現(xiàn)出來(lái)了。。。查看全部
-
Dom.offsetWidth 包含寬度 邊框長(zhǎng)度 填充物padding長(zhǎng)度查看全部
-
事件中使用到定時(shí)器時(shí)，需要注意多次觸發(fā)事件將開啟多個(gè)定時(shí)器，一般先取消定時(shí)clearInteval()查看全部
-
改變透明度時(shí)出現(xiàn)的問(wèn)題： 1、獲取當(dāng)前透明度不用parseInt 2、設(shè)置透明度要考慮兼容 obj.style.filter='alpha(opacity:'+(當(dāng)前透明度+變化速度)+')'; obj.style.opacity=(當(dāng)前透明度+變化速度)/100; 3、透明度不加“px”查看全部
舉報(bào)
0/150
提交
取消