Jquery背景位置y + = 1个问题

时间:2014-09-03 23:49:55

标签: jquery background-position

每80毫秒,我想将+= 1添加到div的背景Y位置。
问题是它不起作用。它仅在我将+= 1添加到x位置时才有效 我怎么能这样做?

我的代码:

<script>
    $(function(){
        setInterval(oneSecondFunction, 80);
        });


    function oneSecondFunction() {
        $( '#grille1' ).css( 'background-position', '0 +=1' );

            }
</script>

1 个答案:

答案 0 :(得分:2)

background-position是由x和y位置组成的复合样式。您不能在复合样式上使用相对值,您必须单独设置它们:

$('#grille1').css('background-position-y', '+=1');

但是,并非所有浏览器都支持背景位置的单独样式,因此为了获得最大的兼容性,您需要跟踪位置,以便创建复合值,或者解析复合值并自己进行相对计算