是否可以使用 jQuery animate 为 DIV 背景位置 x 设置动画?
理想情况下,单击时 background-position-x 将增加 20%。
到目前为止,这是我的代码:
$('.cycle').click(function() {
$(this).animate({ 'background-position-x': '+20%' }, 500, 'linear');
});
但它只适用于第一次点击。
谢谢!
是否可以使用 jQuery animate 为 DIV 背景位置 x 设置动画?
理想情况下,单击时 background-position-x 将增加 20%。
到目前为止,这是我的代码:
$('.cycle').click(function() {
$(this).animate({ 'background-position-x': '+20%' }, 500, 'linear');
});
但它只适用于第一次点击。
谢谢!
尝试这个
$('.cycle').on('click', function() {
$(this).animate({ 'background-position-x': '+=20%' }, 500, 'linear');
});
使用这样的东西:
$(function() {
$('.element').css("backgroundPosition","0px 0px").animate({"backgroundPosition":"-200px 10px"});
});