我正在尝试实现根据鼠标位置移动的全屏背景。
例如，如果您将鼠标移动到左上角，则视口将显示图像的左上角以及可以放入视口的图像的其余部分。在这种情况下，假设 - 屏幕是 1280 * 960，但图像是 1800 * 1300。
我以前见过这个，但我不记得在哪里，我想不出用来描述我想要达到的目标的术语。这不是视差或滚动背景图像......
寻找一个 jQuery 插件和开始的 CSS 我需要完成它。
感谢任何知道答案和解决方案的人！
问问题
11680 次
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 回答