                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /H5+JS+CSS3实现七夕言情

关于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-12

源自：H5+JS+CSS3实现七夕言情 3-5

关注问题我要回答

660

操作

收起

3 回答

梅乌恩打刻板儿提问者
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}