我对 JavaScript 一无所知,但这应该不会太难。在 CSS 中有一个小技巧,您可以在网站上移动图像,例如
background: url(http://site.com/image.png) no-repeat 16px 25px;
它会将图像向上绘制 16 个像素,向下绘制 25 个像素。我只是想知道是否有办法在 JavaScript 中做到这一点,这样我就可以在其他网站上玩一下。
我对 JavaScript 一无所知,但这应该不会太难。在 CSS 中有一个小技巧,您可以在网站上移动图像,例如
background: url(http://site.com/image.png) no-repeat 16px 25px;
它会将图像向上绘制 16 个像素,向下绘制 25 个像素。我只是想知道是否有办法在 JavaScript 中做到这一点,这样我就可以在其他网站上玩一下。
是的你可以:
document.getElementById('something').style.backgroundPosition="10px 50px"
或者使用变量:
var x = 10;
var y = 50;
document.getElementById('something').style.backgroundPosition= x + "px" + y + "px";
....然后您可以运行动画循环或其他任何内容。
您可以使用style
DOM 对象的属性,并设置backgroundPosition
:
document.getElementById('myobjectid').style.backgroundPosition = "16px 25px";