带有jquery的CSS Sprites
带有jquery的CSS Sprites
提问于 2013-08-13 07:16:48
我想用javascript/jquery控制css。根据用户的输入，图像应该移动位置。
情况是:我有一个带有400x400的图像容器，但是我想显示的图像是400x1200，所以我只能显示400的高度，但是宽度是恒定的。
当用户单击按钮时，我想显示图像的部分内容。我画了一个例子来展示我想要的东西：http://0o2471.net/55070
在该模型中，您有一个图像容器，其中400x400标记为黑色框架，绿色背景是我希望根据用户输入显示的“图像”。因此，假设用户按下“按钮底部”，那么底部的位置将更改为中心(图像容器)。
对我怎么做有什么建议吗？我应该使用jquery/javascript中的哪些功能？css精灵是最好的方式吗？我不需要全部代码，只需要几个方向。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-08-13 07:21:37
使用背景位置CSS规则。这方面的JQuery代码
$(element).css({'background-position' : '0 -100px'})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18202883
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号