首頁  >  文章  >  web前端  >  JS多物體 任意值 鍊式 緩衝運動_javascript技巧

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

WBOY
WBOY原創
2016-05-16 17:50:57961瀏覽
複製代碼代碼如下:






示範標題>
頭>

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);
}
腳本>
身體>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn