关于boy.transition(),不想使用插件,用自带的boy.css()方法怎么写

来源:3-5 路径动画的处理

梅乌恩打刻板儿

2017-01-12 17:55

function startRun(options,runTime) { //恢复摆手 recoverWalk(); //运动属性 /* boy.transition( options, runTime, 'linear');*/ boy.css({ "transition":options+" "+runTime+" linear" }); } 为什么不能直接用boy.css()的方法,是我写错了吗。我不想再引入一个jquery插件,所以不想用老师那个方法。。这个要怎么改才能用

写回答 关注

3回答

  • 梅乌恩打刻板儿
    2017-01-13 17:55:50

    //开始走路

    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 10:47:49

    function startRun(options,runTime) {

    //恢复摆手

    recoverWalk();

    //运动属性

    /* boy.transition(

    options,

    runTime,

    'linear');*/


    boy.css({

    "transition":options+" "+runTime+" linear"

    });

    }

    注释掉的是老师的方法,下面是我写的,但是运行不了。请问是哪里错了


  • zhiminmu
    2017-01-12 20:23:18

    boy.css({

                'transition-timing-function' : 'linear',

                'transition-duration'        : speed + 'ms',

                'transform'                  : 'translate3d(-' + x + 'px,0px,0px)'

            });


    梅乌恩打刻板...

    不是这一节的,这一节的我做好了。。问题如下,我重新贴了 ,谢谢你的回复

    2017-01-13 10:49:05

    共 1 条回复 >

H5+JS+CSS3实现七夕言情

为七夕节准备的H5+JS+CSS3特效案例,由浅入深案例拆分讲解

211516 学习 · 570 问题

查看课程

相似问题