-
多物体运动，注意定时器不能共用，参数变量不能共用。查看全部
-
//获取样式的函数封装 function getStyle(obj,style){ if(obj.currentStyle){ return obj.currentStyle[style]; }else{ return getComputedStyle(obj,null)[style]; } }查看全部
-
链式函数查看全部
-
offestHeight; offsetTop; offsetLest; 不是style属性的值，即不能用element.style.offsetHeight 得到 opacity 不能直接用element.style.opacity 得到，即使css中明确定义了opacity。 可以使用getComputedStyle(element)['opacity']来得到查看全部
-
定时器需要传入函数对象，而不是函数执行结果。 即： //这两种表达方式正确 timer=setInterval(function startMove(){},20) timer=setInterval(startMove,20) //这种不正确,因为传入的是执行结果。 timer=setInterval(startMove(1000),20);查看全部
-
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题</title> <style> *{margin:0;padding:0;} #div1{ height: 200px; width: 200px; background-color: #567; position: relative; left: -200px; top: 70px; } #div1 span{ width: 20px; height: 50px; background: #577965; position: absolute; top: 75px; left: 200px; border-radius: 5px; } </style> <script> window.onload=function(){ var oDiv=document.getElementById('div1'); oDiv.onmouseover=function(){ startMove(10,0); } oDiv.onmouseout=function(){ startMove(-10,-200); } } var timer=null; function startMove(speed,iTarget){ clearInterval(timer); var oDiv=document.getElementById('div1'); timer=setInterval(function(){ if (oDiv.offsetLeft==iTarget) { clearInterval(timer); }else{ oDiv.style.left=oDiv.offsetLeft+speed+'px'; } },30) } </script> </head> <body> <div id="div1"> <span id="share"></span> </div> </body> </html>查看全部
-
overflow:hidden;//防止溢出 text-decoration:none;//去除li的小黑dian display:inline-block;//内联块查看全部
-
在进入到mouseover函数中，必须要先清空一遍定时器。否则定时器就会累加。这个问题之前在做项目练习的时候，就遇到过。说明在做动画的时候，如果采用定时器这种方式动画，就一定会出现这个问题~查看全部
-
Math.floor();向下取整 Math.ceil();向上取整查看全部
-
The difference between get style directly and using getComputedStyle (currentStyle for IE) function： var test=document.getElementsByClassName("banner-slide slide-active")[0]; test.style.width -> "" getComputedStyle(test)["width"] -> "1200px"查看全部
-
get style 函数查看全部
-
多物体运动不可以共用变量： timer 变量 否则会引起unexpected 后果查看全部
-
Obj.scrollHeight==Obj.clientHeight+innerObj.offsetHeight查看全部
-
opacity： 0-1 的值查看全部
-
动画前提： 1. 移动对象使用relative 定位 2. 用对象的left，right, top, bottom 的持续变化实现运动效果 3. 通过timer的间隔和每次移动的步数来控制移动速度 注意点： 为了精确控制速度，要注意清除timer，以免timer重复触发。 为了避免代码重复，可将相同功能的函数抽象成一个函数，通过传递不同的参数来实现不同的运动轨迹查看全部
举报
0/150
提交
取消