jQuery:根据鼠标位置移动的全屏"背景"图像
hat*_*hua 3 css jquery background viewport
我正在尝试实现一个全屏幕背景,根据鼠标位置的位置移动.
因此,例如,如果要将鼠标移动到左上角,则视图端口将显示图像的左上角以及可以适合视图端口的图像的其余部分.在这种情况下,让我们说 - 屏幕是1280*960,但图像是1800*1300.
我以前见过这个,但我记不清楚在哪里,我想不出那个用来描述我想要达到的目的的术语.它不是视差或滚动背景图像......
寻找一个jQuery插件和开始的CSS我需要完成它.
感谢任何人都知道答案和解决方案!
这样就有了更明确的答案.
该效果称为平移,您可以使用以下插件在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/