16智能社18运动的应用

1、1 多物体的运动 divbackground:red; width:200px;height:100px;margop:12px; window.onload = function()var odiv =.geementsByTagName(div);for(var i=0,len = odiv.length;i 0 ? Math.ceil(speed) : Math.floor(speed);if(obj.offsetWidth = i)clearerval(obj.timer);elseobj.style.width = obj.offsetWidth+speed+px;,30);在多物体

2、中定时器，以及其他的设置不能公用淡出淡入.fadefilter:alpha(opacity:30);opacity:0.3; width:100px;height:100px; background:#f00; margin-bottom:13px; window.onload = function()varde =.geementsByTagName(div);for(var i= 0,len =de.length;i 0 ? Math.ceil(speed) : Math.floor(speed);if(obj.alpha = i)clearerval(obj.timer);elseobj

3、.alpha+=speed;/赋值给 css,是使用filterobj.style.filter=alpha(opacity:+obj.alpha+);/IE/兼容 FF，c obj.style.opacity=obj.alpha/100;,30);存在 bug物体的 offset 有问题，当添加了 border 就会出问题了解决方案，不用 offset淡出淡入.fadefilter:alpha(opacity:30);opacity:0.3; height:100px;width:100px;background:#f00; margin-right:13px;floeft;border:1

4、px solid red; window.onload = function()varde =.geementsByTagName(div);for(var i= 0,len =de.length;i 0 ? Math.ceil(speed) : Math.floor(speed); if(h = i)clearerval(obj.timer);elseobj.style.width=h+speed+px;,30);function getStyle(obj,name) if(obj.currentStyle)return obj.currentStylename;elsereturnpute

5、dStyle(obj,false)name;2 任意值的运动将运动的属性作为参数传递进来淡出淡入.fadefilter:alpha(opacity:30);opacity:0.3;height:100px;width:100px;background:#f00;margin-right:13px;floeft;border:1px solid red;window.onload = function()varde =.geementsByTagName(div);for(var i= 0,len =de.length;i0?Math.ceil(speed):Math.floor(speed);

6、if(h = i)clearerval(obj.timer);elseobj.styleattr=h+speed+px;,30);function getStyle(obj,name)if(obj.currentStyle)return obj.currentStylename;elsereturnputedStyle(obj,false)name;任意值的运动框架淡出淡入.fade,#spanfilter:alpha(opacity:30);opacity:0.3;height:100px;width:100px;background:#f00;margin-right:13px;floef

7、t;border:1px solid red;window.onload = function()varde =.geementsByTagName(div);var span =.geementById(span);span.onmouseover = function()setObjAttr(this,width,600);span.onmouseout = function()/setObjAttr(this,width,100);setObjAttr(this,opacity,60);for(var i= 0,len =de.length;i0?Math.ceil(speed):Math.floor(speed);if(h = i)clearerval(obj.timer);elseif(attr = opacity)obj.style.filter=alpha(opacity:+(h+speed)+);obj.style.opacity = (h+speed)/100;elseobj.styleattr=h+speed+px;,30);function getStyle(obj,name)i