用地址欄在Javascript中調用圖像？

我對JavaScript一無所知，但這不應該太難。在CSS中有一個小竅門，你可以圍繞在網站上與用地址欄在Javascript中調用圖像？

background: url(http://site.com/image.png) no-repeat 16px 25px;

移動圖像，就像它會繪製圖像的16個像素以上和25個像素下來。我只是想知道是否有一種方法可以在JavaScript中做到這一點，所以我可以稍微玩一下其他網站。

2013-07-17 C S

你是說像使用雪碧？是的，你可以在JavaScript中完成 - 你可以修改一個元素的'style'屬性，特別是'backgroundPosition'的值 – Ian

解決方法已經發布在這裏，但有兩點注意：1.這不是CSS中的「竅門」，它只是CSS的目的。 2.標題中的問題與你的實際問題有什麼關係？ – dirkk

您可以通過瀏覽器中的開發工具使用控制檯，根據McGarnagle和Diodeus給出的答案修改網站。 – karol

是，您可以：

document.getElementById('something').style.backgroundPosition="10px 50px"

或者使用變量：

var x = 10; 
var y = 50; 
document.getElementById('something').style.backgroundPosition= x + "px" + y + "px";

....然後你可以運行動畫循環或什麼的。

2013-07-17 20:53:58

可以使用DOM對象的style屬性，並設置backgroundPosition：

document.getElementById('myobjectid').style.backgroundPosition = "16px 25px";

2013-07-17 20:54:17 McGarnagle

回答