javascript - 滑动图像和为内容附加一些空间的最佳方法

Question

我正在使用 jquery，我的这张图片是主要问题。我用谷歌搜索，但一无所获。例如，这是我的内容。

当 guy(在上图中) 被点击时，我希望它滑到左侧，看起来像这样。请参见下图。

所以我的想法是
1. 使用 addClass 和 removeClass 使用 jquery 或
2. 只使用jquery .slide 或toggle 功能？

如果有这样的解决方案，该怎么做呢？因为我只知道正在使用 addClass 。而且我的计划是当图像超过 800px 然后girl(in the image) 将被发送到家伙图片。

Answer 1

您要做的是在这个人周围创建一个面具。这个问题的范围超出了掩蔽范围。目前大多数屏蔽方法都没有大型浏览器支持，因此在这方面发布更多内容是不诚实的。但值得谷歌搜索，否则你可以使用 transform 属性将图片向左移动。但是您不会得到想要的结果..

但是可以选择在 Photoshop 中屏蔽图片并将其另存为 PNG。然后利用 translate CSS 方法将图像向左移动。这是您最好的选择。但是这两种方法中的任何一种的细节都超出了这个问题的范围。