创建链式运动startMove(obj,json,fnEnd)

function startMove(obj, json, fnEnd)

{

if(obj.timer)

{

clearInterval(obj.timer);

}

obj.timer=setInterval(function (){

doMove(obj, json, fnEnd);

}, 30);

var oDate=new Date();

if(oDate.getTime()-obj.lastMove>30)

{

doMove(obj, json, fnEnd);

}

}

//获取对象属性

function getStyle(obj, attr)

{

if(obj.currentStyle)

{

return obj.currentStyle[attr];

}

else

{

return getComputedStyle(obj, false)[attr];

}

}

function doMove(obj, json, fnEnd)

{

var iCur=0;

var attr='';

var bStop=true; //假设运动已经该停止了

for(attr in json)

{

if(attr=='opacity')

{

iCur=parseInt(100*parseFloat(getStyle(obj, 'opacity')));

}

else

{

iCur=parseInt(getStyle(obj, attr));

}

if(isNaN(iCur))

{

iCur=0;

}

var iSpeed=(json[attr]-iCur)/8;

iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);

if(parseInt(json[attr])!=iCur)

{

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);

obj.timer=null;

if(fnEnd)

{

fnEnd();

}

}

obj.lastMove=(new Date()).getTime();

}

调用方法：

oBtn.onclick=openHandler;

oBtnClose.onclick=closeHandler;

function openHandler()

{

startMove(oBottom, {right: 0}, function (){

oBox.style.display='block';

startMove(oBox, {bottom: 0});

});

oBtn.className='but_hide';

oBtn.onclick=closeHandler;

}

function closeHandler()

{

startMove(oBox, {bottom: initBoxBottom}, function (){

oBox.style.display='none';

startMove(oBottom, {right: initBottomRight}, function (){

oBtn.className='but_show';

});

});

oBtn.onclick=openHandler;

}