每80毫秒,我想将+= 1
添加到div
的背景Y位置。
问题是它不起作用。它仅在我将+= 1
添加到x位置时才有效
我怎么能这样做?
我的代码:
<script>
$(function(){
setInterval(oneSecondFunction, 80);
});
function oneSecondFunction() {
$( '#grille1' ).css( 'background-position', '0 +=1' );
}
</script>
答案 0 :(得分:2)
background-position
是由x和y位置组成的复合样式。您不能在复合样式上使用相对值,您必须单独设置它们:
$('#grille1').css('background-position-y', '+=1');
但是,并非所有浏览器都支持背景位置的单独样式,因此为了获得最大的兼容性,您需要跟踪位置,以便创建复合值,或者解析复合值并自己进行相对计算