關于boy.transition()，不想使用插件，用自帶的boy.css()方法怎么寫
function startRun(options,runTime) { //恢復擺手 recoverWalk(); //運動屬性 /* boy.transition( options, runTime, 'linear');*/ boy.css({ "transition":options+" "+runTime+" linear" }); } 為什么不能直接用boy.css()的方法，是我寫錯了嗎。我不想再引入一個jquery插件，所以不想用老師那個方法。。這個要怎么改才能用
2017-01-13
//開始走路
function walkRun(runTime,dist,distY) {
//如果time沒有值就取3000
runTime = runTime || 3000;
//擺動腳步；
slowWalk();
//開始走路
//恢復走路擺動
recoverWalk();
//運動屬性
boy.css({
"left":dist+"px",
"top":distY?distY:undefined,
"transition": runTime+"ms linear"
});
}
找到解決方法了，我將startRun合并到walkRun里了。
至于為什么這樣寫boy.css({"transition":options+" "+runTime+" linear"});不行，因為options是一個對象，它其實對應了原先老師walkRun里的{'left': dist + 'px',?'top': disY ? disY : undefined}
2017-01-13
function startRun(options,runTime) {
//恢復擺手
recoverWalk();
//運動屬性
/* boy.transition(
options,
runTime,
'linear');*/
boy.css({
"transition":options+" "+runTime+" linear"
});
}
注釋掉的是老師的方法，下面是我寫的，但是運行不了。請問是哪里錯了
2017-01-12
boy.css({
? ? ? ? ? ? 'transition-timing-function' : 'linear',
? ? ? ? ? ? 'transition-duration' ? ? ? ?: speed + 'ms',
? ? ? ? ? ? 'transform' ? ? ? ? ? ? ? ? ?: 'translate3d(-' + x + 'px,0px,0px)'
? ? ? ? });