通過(guò)offser()計(jì)算出商店與小男孩的位置差 完成進(jìn)入商店的部分
done()方法 與 then() 效果一致 這個(gè)。。。
done()方法 與 then() 效果一致 這個(gè)。。。
2017-07-08
學(xué)到這里,感覺(jué)是完成了兩個(gè)核心的部分,控制小男孩移動(dòng)的坐標(biāo),以及背景圖的動(dòng)態(tài)變化,通過(guò)兩者相對(duì)位置的移動(dòng),達(dá)至視覺(jué)上的效果。作為一名前端初學(xué)者,感覺(jué)到老師運(yùn)用到了我沒(méi)有接觸到的內(nèi)容,把每個(gè)行為進(jìn)行封裝,閉包,使用面向接口,回調(diào)函數(shù)的使用等等。受益良多,這些光靠我一個(gè)人是無(wú)法做到的,確實(shí)只有在實(shí)戰(zhàn)中才能成長(zhǎng),個(gè)人感覺(jué)學(xué)習(xí)課程,代碼不是最重要的,而是要體會(huì)這種開(kāi)發(fā)的思路,做到舉一反一就合格了。若能舉一反三則已熟練掌握,繼續(xù)加油吧
2017-07-06
$('button:last').click(function(){
var left = $boy.css('left');
// 強(qiáng)制做了一個(gè)改變目標(biāo)left的處理
// 動(dòng)畫(huà)是要運(yùn)行10秒,所以此時(shí)動(dòng)畫(huà)還是沒(méi)有結(jié)束的
$boy.css('left',left);
$boy.addClass('pauseWalk')
stopanimation = true;
})
var left = $boy.css('left');
// 強(qiáng)制做了一個(gè)改變目標(biāo)left的處理
// 動(dòng)畫(huà)是要運(yùn)行10秒,所以此時(shí)動(dòng)畫(huà)還是沒(méi)有結(jié)束的
$boy.css('left',left);
$boy.addClass('pauseWalk')
stopanimation = true;
})
2017-07-05
animation-timing-function:step(1, start);
animation-timing-function: step-start;
多謝各位掃盲~~~
animation-timing-function: step-start;
多謝各位掃盲~~~
2017-06-23