javascript - CSS轮播切换动画
習慣沉默
習慣沉默 2017-06-12 09:33:00
0
1
850

如图

用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);
習慣沉默
習慣沉默

全部回复(1)
学习ing

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!