有人可以解释一下这个网站是如何做到的吗?

时间:2011-10-19 23:44:59

标签: javascript html ajax html5

http://www.spiderball.com/index.php

移动你的光标,背景四处移动。

有人可以解释一下这是怎么做到的吗? (他们使用什么脚本或编程语言?)是否有现成的脚本可以为我的网站执行此操作?

感谢

3 个答案:

答案 0 :(得分:8)

这是通过一种名为“视差”的效果来完成的,这种效果已经被卡通动画师使用了几十年,最近在网站上通过使用jQuery变得流行。

以下是效果的一个很好的演示:http://dev.jonraasch.com/scrolling-parallax/examples/multi-directional-parallax

这是一个向您展示如何操作的教程:http://jonraasch.com/blog/scrolling-parallax-jquery-plugin

答案 1 :(得分:2)

该网站使用jquery查找鼠标的位置并相应地移动背景。

答案 2 :(得分:0)

只需使用JavaScript,跟踪鼠标位置,并根据需要移动背景/元素。基本