我有一些想要设置翻转的元素,我希望如何即时进行计算,而不是每次为每次翻转手动设置位置,因为随着时间的推移会有很多。目前我正在使用一个精灵,随着时间的推移,我会添加更多内容。始终并排,并且始终为它的每个图像方面提供 10px 的填充。
所以我知道我的默认仓位是否总是 0 100 并且我想为此翻转,然后我知道它将是 50 100 我怎样才能有一种方法来获取它的 2 个值,但只有添加到其中之一
我有一些想要设置翻转的元素,我希望如何即时进行计算,而不是每次为每次翻转手动设置位置,因为随着时间的推移会有很多。目前我正在使用一个精灵,随着时间的推移,我会添加更多内容。始终并排,并且始终为它的每个图像方面提供 10px 的填充。
所以我知道我的默认仓位是否总是 0 100 并且我想为此翻转,然后我知道它将是 50 100 我怎样才能有一种方法来获取它的 2 个值,但只有添加到其中之一
您需要获取背景位置并将其分成两个值,执行计算,将值设置为字符串。
例如
myPos = $('.selection').css("background-position").split(" ")
myPos[0] <-- will contain the X-value, "50px"
myPos[1] <-- will contain the Y-value, "100px"
然后你需要把它们变成整数:(假设你对 myPos[1] 做同样的事情)
myPos[0] = parseInt(myPos[0].replace("px",""))
然后你做数学并将它们分配回来:
myPos[0] = myPos[0] + 100
$('.selection').css("background-position", myPos[0]+'px ' + myPos[1] + 'px')