Question

我在开发网站的顶部有一条横幅。我让图像左下方滚动，下面是jquery。当使用其他jquery函数（例如网络钓鱼或jquery图像旋转器）时，它会变得不稳定并冻结。

我的问题是，是否有更好的解决方案可以帮助您顺利滚动图像？

谢谢，

var $jg = jQuery.noConflict();
$jg(document).ready(function() {
    var xAdd = 0;
    var scrollInterval = setInterval(function(){
        xAdd++;
        if(xAdd >= 1200){
            xAdd = 0;
        }
        $jg('#clouds').css('background-position',xAdd + 'px ');

    },100);
});

Answer 1

尝试使用jQuery的$.animate()，如下所示：

var $jg = jQuery.noConflict();
$jg(document).ready(function() {
    // Animate Cloud Loop //
    function cloud_loop($target, val){        
        $target.animate({'background-position' : val+'px'}, 'fast', 'linear', function(){
            $target.css('background-position','0');                
            cloud_loop($target, val);
        });
    }

    // Start Animation Loop //
    cloud_loop($jg('#clouds'), 1200);
});

使用可以将函数中的'fast'参数更改为'slow'或完整动画的ms值。

我希望这有帮助！

编辑：对乍得和约瑟夫坦克'线性'！

jQuery水平滚动背景图像？

1 个答案: