CSS轮播切换动画

Question

如图

用JS写的一个动画，设置了过度效果，就会出现这样的情况，这中情况JS怎么更改？

function moveSlide() {

  var slides = $('.slide');

  

  // for (var i = 0; i < slides.length; i++) {

    slides.forEach(function(item) {

      var leftValue = parseInt(item.style.left);

      if (leftValue == -100) {

        leftValue = 100;

        item.style.left = leftValue + '%';

      }else if(leftValue == 100 || leftValue == 0){

        leftValue -= 100;

        item.style.left = leftValue + '%';

      }

    }, this);

Answer 1

1.leftValue=0 >> leftValue -=100 >> leftValue=-1002.leftValue=-100 >> leftValue = 1003.leftValue=100 >> leftValue -=100 >> leftValue=-100你的leftValue就只有两个值在变化啊，你的判断写的不对。既然你用过渡动画建议使用animate()；