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