-
移入移出:offsetleft(距离左边界距离) 透明度：css定义（filter:alpha(opacity:30)） JS 改变：.IE：style.filter=‘alpha(opactiy:’+值+')' 非IE .style.opactiy=值/100（火狐或者chrome关于透明度的满值1，IE是100）查看全部
-
主要涉及到多物体运动 公用的参数一定要分开写查看全部
-
多物体查看全部
-
想一想查看全部
-
缓冲运动 变速查看全部
-
上一行IE 下一行 火狐查看全部
-
透明度 filter:alpha(opacity:30)查看全部
-
两段代码非常相似的时候 将不同的部分挑出 作为参数传入查看全部
-
加判断查看全部
-
快速变换位置就是动画了 太有才了查看全部
-
获取样式 currentStyle getComputedStyle查看全部
-
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(attr in json){ if(attr=="opacity"){ var iCur=Math.round(parseFloat(GetStyle(obj,attr))*100); } else{ var 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每次进行执行函数时都会被赋值为1，只要有任何一个未达到目标值都会改变flag的值，从而不能关闭定时器 flag=false; } if(attr=="opacity"){ obj.style.filter="alpha(opacity:"+(iCur+speed)+")"; obj.style.opacity=(iCur+speed)/100; } else{obj.style[attr]=iCur+speed+"px"} } if(flag){ clearInterval(obj.timer) if(fn){ fn(); } } },30) }查看全部
-
// 获取样式 function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[attr]; } }查看全部
-
js获得任意属性：function getStyle (obj,target) { if (obj.currentStyle) { return obj.currentStyle[target]; } else{ return getComputedStyle(obj,false)[target]; } }查看全部
举报
0/150
提交
取消