Question

我在此试图 j:

$(document).ready(function(){
$( #bg ).animate({ backgroundPosition:  320px 0px }, 10000,  linear );
});

The CSS for bg:

#bg {
    background: url( scribbles.png ) repeat-x 320px 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

页: 1

<div id="bg"></div>

我希望背景形象能够慢慢地跨越屏幕。任何建议?

感谢!

Answer 1

形象是否继续不断发展? 如果没有,以下可能是一个良好的起点:

$(#bg ).animate ({ backgroundPosition: +=100% 0px }, 10000, Linear );

如果要永远重复,则考虑以下解决办法,重新恢复呼吁:

var animateBackground = function()
{
    $( #bg ).animate
    (
        { 
            backgroundPosition:  -=100px 0px 
        }, 
        10000,
         linear ,
        function()
        {
            animateBackground(); // recursive call back
        }
    )
};

$( // short-hand for "$(document).ready"
    function()
    {
        animateBackground(); // initial call that starts everything off
    }
);

Answer 2

这两种杂乱和杂草案的背景资料相同。它们应当有所不同。否则,它会走吗? 以前在 c和amp中设置一个职位;在法典的支部中给予最后地位。工作!

友情链接