我想用 javascript/jquery 控制一个 css 精灵。根据用户输入，图像应移动位置。
案例：我有一个400x400的图片容器，但是我想展示的图片是400x1200，所以当时只能展示400的高度，但是宽度是不变的。
我想在用户单击按钮时显示部分图像。我画了一个例子来展示我想要的：http: //0o2471.net/55070
在那个模型中，你有一个用黑框标记的 400x400 的图像容器，绿色背景是我想要根据用户输入显示的“图像”。所以假设用户按下“按钮底部”然后底部将其位置更改为中心（图像容器。）
关于我如何做到这一点的任何建议？我应该使用 jquery/javascript 中的哪些函数？css sprites是最好的方法吗？我不需要整个代码，只需要几个方向。