製作背景位置可變

Question

我使用這個代碼...

document.getElementById('a1').style.backgroundPosition = '0px 0px'; 

，它工作正常，但反正是有使用JavaScript的定位變量？

是這樣的...

document.getElementById('a1').style.backgroundPosition = '0px VariableHere'; 

Answer 1

由於背景位置是一個字符串，你可以拼接你的價值在

例如：

var yValue = 20; 
document.getElementById('a1').style.backgroundPosition = '0px ' + yValue + 'px'; 

Answer 2

var bgPos = '20px'; 
document.getElementById('a1').style.backgroundPosition = '0px ' + bgPos;