如何使該動畫線性傳遞？在開始和結束時不放慢速度？

Question

我需要得到一張照片順利爬行，而不會在開始和結束時放慢速度。

 setInterval(function runIt() { 
 
     $(".bffffg").animate({ 
 
     backgroundPositionX: 300 
 
     }, 8000); 
 
     $(".bffffg").animate({ 
 
     backgroundPositionX: 0 
 
     }, 0); 
 
    }, 1);

.bffffg { 
 
    display: block; 
 
    position: absolute; 
 
    width: 100%; 
 
    height: 100%; 
 
    background: url(http://www.dejurka.ru/wp-content/uploads/2015/06/watercolor-patterns4.jpg); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<div class="bffffg"></div>

• 如何應用到動畫的線性效果？
• 甚至對它應用不同的效果？

Answer 1

如果您正在尋找緩解設置參數，你可以把它作爲像這裏單獨的參數：

$('your-selector').animate({ 
    'your-property': 'value' 
}, 8000, 'linear'); 

...或選擇對象喜歡這裏：

$('your-selector').animate({ 
    'your-property': 'value' 
}, { 
    duration: 8000, 
    easing: 'linear' 
}); 

Here是針對jQuery .animate（）的DOC：