這篇文章將為大家詳細(xì)講解有關(guān)JS運(yùn)動(dòng)特效之鏈?zhǔn)竭\(yùn)動(dòng)的示例分析，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

鏈?zhǔn)竭\(yùn)動(dòng)：一個(gè)運(yùn)動(dòng)接著一個(gè)運(yùn)動(dòng)。比如：鼠標(biāo)移入div先讓寬變大，接著在讓高變大，接著在讓透明度變化等等一系列運(yùn)動(dòng)連著做。廢話不多說(shuō)，上栗子??！

當(dāng)鼠標(biāo)移入div的時(shí)候，div先變寬，在變高，然后改變透明度；移出又逐次恢復(fù)到原樣；

實(shí)現(xiàn)鏈?zhǔn)竭\(yùn)動(dòng)，需要對(duì)上一篇中的startMove() 函數(shù)繼續(xù)做改進(jìn)

function startMove(obj,attr,iTarget,fn) 多傳入一個(gè)fn參數(shù)，表示當(dāng)一個(gè)運(yùn)動(dòng)結(jié)束之后，繼續(xù)進(jìn)行下一個(gè)運(yùn)動(dòng)，當(dāng)然還需要判斷一下，如果有下一個(gè)運(yùn)動(dòng)，就執(zhí)行下一個(gè)運(yùn)動(dòng)，如果沒(méi)有就繼續(xù)向下執(zhí)行

if(fn){
  fn();
}

完整測(cè)試代碼：

HTML部分：