3

我正在尝试实现根据鼠标位置移动的全屏背景。

例如，如果您将鼠标移动到左上角，则视口将显示图像的左上角以及可以放入视口的图像的其余部分。在这种情况下，假设 - 屏幕是 1280 * 960，但图像是 1800 * 1300。

例子

我以前见过这个，但我不记得在哪里，我想不出用来描述我想要达到的目标的术语。这不是视差或滚动背景图像......

寻找一个 jQuery 插件和开始的 CSS 我需要完成它。

感谢任何知道答案和解决方案的人！

4

1 回答 1

8

就这样，这有一个更清晰的答案。

该效果称为平移，您可以使用以下插件在 jQuery 中实现此目的：

http://manos.malihu.gr/jquery-image-panning/

还值得看一下这个例子，它只是使用全屏图像从左到右平移（这是使用 CSS 封面，因此不适合跨浏览器，但如果您热衷于自定义，则提供鼠标悬停效果的关键概念工作）

http://www.dnitza.com/super-simple-panning-background/

来自主题的另一个活生生的例子：

http://demo.undsgn.com/egofolio/light/portfolio/double-trouble/

于 2013-07-23T07:10:34.720 回答