JS多物體 任意值 鍊式 緩衝運動_javascript技巧

複製代碼代碼如下：

示範標題>
頭>

ul,li,img{margin:0;padding:0;border:0; }
#list{height:250px;list-style-type:none;overflow:hidden;}

var odiv =document.getElementById('odiv');
odiv.onmouseover=function(){
move(this,'width',500,function(){
move(odiv,'left',300 ,function(){
move( odiv,'height',500,function(){
move(odiv,'borderWidth',10)
})
})});}
function move(obj,arr,target ,fn){
var dt=null,speed=0,ol=0;
clearInterval(dt);
dt=setInterval(function(){
ol=parseInt(obj.style[arr]);
if(ol==target){
clearInterval(dt);
if( fn) fn();
}else{
速度=(目標-ol)/8
速度>0?速度=Math.ceil(速度):速度=Math.floor(速度);
obj.style[arr]=ol speed " px";
}
},30);
}
腳本>
身體>