![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 52
大海和云朵
技术不精干啥都是混日子
展开
-
完美运动框架(多个属性值同时变化)
1.setStyle: function setStyle(obj,json){ var attr=''; for(attr in json){ alert(attr+'='+json[attr]); obj.style[attr]=json[attr];原创 2016-08-15 16:07:26 · 362 阅读 · 0 评论 -
多图片展示及运动框架总结
1、运动框架演变过程 startMove(iTarget) 运动框架之单物体 startMove(obj,iTarget) 多物体同时为每一个obj增加了自定义属性timer startMove(obj,attr,iTarget) 任意值之单个 startMove(obj,attr,iTarget,fn) 链式运动之单个值链式运动 startMove(obj,json原创 2016-08-20 07:30:16 · 271 阅读 · 0 评论 -
JS高级之运动篇
1.function startMove(){ var oDiv=document.getElementById('div1'); setInterval(function(){ oDiv.style.left=oDiv.offsetLeft+10+'px'; },30);原创 2016-08-10 14:51:15 · 233 阅读 · 0 评论 -
JS高级之缓冲运动篇
1. #div1{width:100px;height:100px;position:absolute;background: red; left:0;top:50px;} #txt1{position:absolute;left:150px;top:200px;} var timer=null原创 2016-08-10 18:35:39 · 1307 阅读 · 0 评论 -
运动初级总结
1、运动框架:(1)先关一个定时器再开一个(2)if..else..终止条件和进行条件 2、匀速运动:终止是在一个数值范围Math.abs(iTarget-div.offfsetLeft) 3.缓冲运动是两点重合,目标点和速度不能出现小数点。原创 2016-08-11 17:09:03 · 188 阅读 · 0 评论 -
完美运动框架(源代码)move+1.js
/** * Created by Administrator on 2016/8/13. */ function getStyle(obj,attr){ if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[at原创 2016-08-24 14:33:11 · 283 阅读 · 0 评论 -
多物体任意值运动框架
1、多物体运动框架:(1)多物体之间共用一个定时器会卡?解决办法:为每一个对象分别加定时器自定义属性 2、原创 2016-08-11 17:52:15 · 221 阅读 · 0 评论 -
链式运动框架
#div1{width:100px;height:100px;background: red;} window.onload=function(){ var but1=document.getElementById('but1'); var oDiv=document.getElementById('div1'); but原创 2016-08-13 17:10:41 · 192 阅读 · 0 评论 -
弹性运动框架
1、长得一样的东西,观察规律,看相同点和区别,会有发现。 2、世间的运动或现象,观察并发现规律,可以尝试用代码描述。 3、摩擦力是为了让目标物体停止。 4、原创 2016-08-26 20:11:50 · 442 阅读 · 0 评论