-
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); }查看全部
-
两段代码相似时，可以找出不同的部分，将不同的作为参数，用一个代码完成。查看全部
-
已不知道是第幾遍看了，學這個花了很長很長的時間。總算是實現出來了。。。查看全部
-
Dom.offsetWidth 包含宽度 边框长度 填充物padding长度查看全部
-
事件中使用到定时器时，需要注意多次触发事件将开启多个定时器，一般先取消定时clearInteval()查看全部
-
改变透明度时出现的问题： 1、获取当前透明度不用parseInt 2、设置透明度要考虑兼容 obj.style.filter='alpha(opacity:'+(当前透明度+变化速度)+')'; obj.style.opacity=(当前透明度+变化速度)/100; 3、透明度不加“px”查看全部
举报
0/150
提交
取消