如何使用 jquery 显示图像的一部分？

【问题标题】：How to display part of an image using jquery?如何使用 jquery 显示图像的一部分？
【发布时间】：2009-08-19 15:43:34
【问题描述】：

我正在使用 jquery，我正在尝试显示图像的一部分，比如中间的一个正方形，然后使用动画，展开其余部分。

我在想一些涉及 div 的事情，溢出：隐藏，但我想不通。

非常感谢。

【问题讨论】：

【解决方案1】：

查看imgAreaSelect 插件，它确实做到了。

【讨论】：

【解决方案2】：

首先要显示正方形，您可以使用一种称为图像分割的技术，并且有很多方法可以通过 CSS 来实现。这是one by alistapart。之后，您可以使用 animate 手动更改 css。

但是，我敢打赌，有一个 jquery 插件可以自动执行类似的操作...

【讨论】：

【解决方案3】：

您可以设置类似于 css sprite map 的东西，在其中使用 css 显示图像的特定部分。然后使用 jquery 将 css 类更改为显示整个图像的东西。

这是一个关于 css sprite maps 的链接。 http://css-tricks.com/css-sprites/

【讨论】：

【解决方案4】：

你必须使用 css: position 将一个 div 放在另一个 div 上 css position

【讨论】：