-
运动框架实现思路 1.速度（改变值left、right、width、height、opacity） 2.缓冲运动 3.多物体运动 4.任意值变化 5.链式运动 6.同时运动查看全部
-
json = {name1：key1,name2:key2...nameN:keyN} for(var i in json) { alert(i);//此时弹出的是json里的name alert(json[i])；//此时弹出的是json里的key }查看全部
-
获取样式函数查看全部
-
currentStyle针对IE浏览器 getComputedStyle针对firefox浏览器查看全部
-
IE :filter:alpha(opacity:30); 非IE :opacity:0.3; IE :DOM元素.style.filter="alpha(opacity:"+alpha+")"; 非IE:DOM元素.style.opacity=alpha/100;查看全部
-
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(obj,attr) { if(obj.currentStyle){ return obj.current.Style[attr];} else {return getComputedStyle(obj,false)[attr];} }查看全部
-
多物体动画，基本上所有的属性都不能公用，尤其是定时器。查看全部
-
那个向上和向下取整如果是为了四舍五入的话直接用Math.round()方法比较简单。查看全部
-
运动框架实现思路查看全部
-
向左的时候向下取整math.floor（），向右的时候对速度向上取整math.ceil(),方可对位置的处理达到target值查看全部
-
在使用定时器的时候，在每次使用前都必须清除定时器，要不然就会造成好多个定时器叠加在一起的效果。查看全部
-
运动框架实现思路 1.速度（改变值left、right、width、height、opacity） 2.缓冲运动 3.多物体运动 4.任意值变化 5.链式运动 6.同时运动查看全部
-
运动框架实现思路查看全部
-
window.onload=function(){ var Li1=document.getElementById('li1'); Li1.onmouseover=function(){ startMove(Li1,'width',500,function(){ startMove(Li1,'height',500); }); } Li1.onmouseout=function(){ startMove(Li1,'height',200,function(){ startMove(Li1,'width',200); }) } }查看全部
举报
0/150
提交
取消