20150730 JS动画效果实现

运动框架实现思路

1、速度

速度不变，匀速动....

透明度opacity 基于IE==filter:alpha(opacity:30);基于Chrome==opacity:0.3;

2、缓冲运动

速度越来越慢...
var speed=(iTarget-oDiv.offsetLeft)/20;
speed=speed>0?Math.ceil(speed):Math.floor(speed)

3、多物体运动

函数传this，当前对象。
每一对象加定时器,obj.timer。
获取行内样式
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];//针对IE
}else{
return getComputedStyle(obj,false)[attr];//针对Firefox
}
}

4、任意值变化

Math.random()。alert(0.07*100)探出结果是7.000000000000001;

5、链式运动

一环扣一环

6、同时运动

json 轻量级数据交换
格式 {name:key}，eg:var json={a:12,b:13}
用法:json循环 
for(var i in json){
alert(i);//i=name
alert(json[i]);//json[i]=key
}