我想用javascript / jquery控制一个css sprite。根据用户输入，图像应移动位置。
案例：我有一个400x400的图像容器，但我要显示的图像是400x1200，所以我当时只能显示400的高度，但宽度是恒定的。
我想在用户点击按钮时显示部分图像。我举了一个例子来展示我想要的东西：http://0o2471.net/55070
在该模型中，您拥有标有黑框的400x400图像容器，绿色背景是我想根据用户输入显示的“图像”。因此，假设用户按下“按钮底部”，然后底部将其位置更改为中心（图像容器）。
有关我如何做的任何建议？我应该使用jquery / javascript中的哪些函数？ css精灵是最好的方式吗？我不需要整个代码，只需要几个方向。
答案 0 :(得分：2)
使用背景位置CSS规则。这个
的JQuery代码$(element).css({'background-position' : '0 -100px'})