j查询背景仅更改一个轴

jquery background change one axis only

本文关键字：一个 查询 背景      更新时间：2023-09-26

我想我的最后一个问题让每个人都不知所措，所以我会简化

我试图仅更改 x 轴的背景位置。默认情况下，如果只定义了一个值，则另一个值默认为 50% ，因此此函数：

function colorChangePiano() {
    var bp = $("background-position").css;
    $("#target").css('background-position', (bp == -1131) ? '-377' : '0');
}

返回背景位置：0 50% ;

如何修改函数以更改 x 轴但保持 y 轴不变？

编辑 --> 这是针对具有 4 列和 4 行的精灵，因此 y 轴应保持动态。 工作地点在这里： http://www.avalonbyeaw.com 点击"完成"。 我们在实时站点上使用一些疯狂的复杂脚本，但无论如何我都会把它留在这里，因为我仍然非常想找到解决这个问题的方法

这是我的做法。

$('#target').css('background-position', function(i, backgroundPosition) {
    return backgroundPosition.replace(/'d+px/, '60px');
});
将

2 个值添加到background-position（如预期的那样）。还要将当前位置保存在变量中，这样可以更轻松地完成此操作。

var pos = -377;
var colorChangePiano = function() {
  if (pos == -377) {
    pos = -1131
  }
  else {
    pos = -377
  }
  $('#target').css({
    'backround-position': pos + 'px 0px' // will result in "Xpx 0px"
  });
}
相关文章：