封装运动函数

下面是运动的封装函数，第一个参数是要运动的对象，第二个参数是运动的属性和值，例如{left：500}。层级轮播图可写成startMove(aLi[i],{

                      left:arr[i][0],

                       top:arr[i][1],

                       height:arr[i][2],

                       opacity:arr[i][3],

                       width:arr[i][5]

            });
            aLi[i].style.zIndex=arr[i][4];

二维数组里保存不同图片的各个参数

function startMove(obj, json, fn){
clearInterval(obj.timer);
obj.timer=setInterval(function (){
var bStop=true; //这一次运动就结束了——所有的值都到达了
for(var attr in json)
{
//1.取当前的值
var iCur=0;

if(attr=='opacity')
{
iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
}
else
{
iCur=parseInt(getStyle(obj, attr));
}

//2.算速度
var iSpeed=(json[attr]-iCur)/8;
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);

//3.检测停止
if(iCur!=json[attr])
{
bStop=false;
}

if(attr=='opacity')
{
obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
obj.style.opacity=(iCur+iSpeed)/100;
}
else
{
obj.style[attr]=iCur+iSpeed+'px';
}
}

if(bStop)
{
clearInterval(obj.timer);

if(fn)
{
fn();
}
}
}, 30)
}