javascript - CSS輪播切換動畫
習慣沉默
習慣沉默 2017-06-12 09:33:00
0
1
849

#如圖

用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=1000left =-100
你的leftValue只有兩個值在變化啊,你的判斷寫的不對。既然你用過渡動畫建議使用animate();

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!