Using Javascript to change the background-position CSS - small problem

Probably an easy question here (I hope) but my brain's just stopped working.

I have this javascript:

       value.obj.css('background-position', value.xStart + 10)

which changes the background-position of my object by 10 in the x direction.

However I also want to be able to change the position in the y direction 开发者_Python百科but in a different amount (ie, 40). the code being "value.yStart + 40"

Background-position in css is written like "background-position: 30 30;". When I use the above javascript to change it, it comes out "background-position: 40 50%;" but I want it to be "background-position: 40 70;" Please help... been a long day :)

I would use:

value.obj.css({ 'background-position': (value.xStart + 10) + 'px ' + (value.yStart + 40) + 'px' });

Well dont tell people how background-position works, because you got it a little wrong.

Either you use % or px: so:

 background-position: 30px 30px;
 //or:
 background-position: 30px 30%;
 //or even:
 background-position: 30% 30%;

Actually, it must be backgroundPosition (all css properties are camel cased in jquery), and in your case it should be:

.css('backgroundPosition', '30px 30px')

or

.css({ 'backgroundPosition': '30px 30px' })