我正在尝试进行视差效果,并且需要使用不同的值同时为3个背景设置动画,所以我使用了这段代码,
bgImage1.animate({
"backgroundPosition" : -bgpos + "px"
}, {
queue : false,
duration : 1000,
easing : "circEaseOut"
});
bgImage2.animate({
"backgroundPosition" : -1.3 * bgpos + "px"
}, {
queue : false,
duration : 1000,
easing : "circEaseOut"
});
bgImage3.animate({
"backgroundPosition" : -1.6 * bgpos + "px"
}, {
queue : false,
duration : 1000,
easing : "circEaseOut"
});
它在IE,Opera和Firefox上运行得非常好,但它在Chrome和safari上非常缓慢且不稳定,3个背景有点大,但是当我用较小的那些测试时;我得到了相同的结果,我找不到理由:(这里是preview