平滑的过渡效果没显示

来源:4-3 transition 实现轮播效果实战

慕村2975968

2020-01-21 20:59

$('#nextBtn').mouseenter(()=>{

            if(intIntedex===listlength){

                intIntedex=0;

                $content.css({

                    "transition":`none`,

                    "transform":`translateX(-${outerWidth*intIntedex}px)`

                })

            }

        })


        $('#nextBtn').click(()=>{

            intIntedex++;

            $content.css({

                'transition':`tranform ${transitionTime}s ease`,

                'transform':`translateX(-${outerWidth*intIntedex}px)`

            })

            intIntedex === listlength?intIntedex=0:'';


        })


写回答 关注

2回答

  • 慕移动3419986
    2020-03-06 18:38:40

    倒数第五行是:transform 书写错误

  • 慕村2975968
    2020-01-22 08:17:38

    倒数第五行是:'transition':`transform ${transitionTime}s ease`,


    慕村2975...

    写错transform了

    2020-01-22 08:18:10

    共 1 条回复 >

带你走入前端动画的世界

学习css3动画,并结合实际项目向大家展示应用技巧,使大家快速入门。

29783 学习 · 65 问题

查看课程

相似问题