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

标签 javascript ajax html

<分区>

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

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

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

谢谢

最佳答案

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

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

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

关于javascript - 有人可以解释一下这个网站是如何做到这一点的吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7829566/

相关文章:

javascript - 让文本围绕可以由用户移动的对象流动

javascript - jQuery 验证 - 仅指定 errorPlacement

javascript - 在 Google App Engine 中使用 JavaScript 将可下载文件添加到另一个页面

javascript - rubyonrails 中 ajax 发布后未定义的追加

javascript - 当您有多个窗口时,Electron ApplicationMenu仅适用于最后一个窗口

jquery - Ajax 调用填充 Typeahead Bootstrap

javascript - 单击时不会触发功能 - AJAX/CSS

html - 如何将文本定位在图像的中心点上?

javascript - 添加删除圆圈按钮

html - 我在可点击区域内的链接不可点击