javascript - 我如何使用 javascript 创建这种效果？

Question

前几天我刚好访问了这个网站:-

http://www.peter-pearson.com/

谁能告诉我如何制作这种炫酷的效果。我知道如何使用 JQuery 的 localScroll 水平或垂直滚动​​页面。但是如果你看过这个网页，仔细看看背景上的线条有多漂亮。如果有人能告诉我这种效果是如何产生的，我将不胜感激:)

Answer 1

具有 alpha 透明度的 PNG，在背景上:
http://www.peter-pearson.com/images/flow5.png
http://www.peter-pearson.com/images/stripey1.jpg

[编辑]

这不是一个真正的动画，而是一个基于透明度的小技巧。
想象一下以下 HTML:

<div class="div1">
    <div class="div2">
    </div>
</div>

div1 有条纹图案的背景图片，位置固定，所以当你滚动时它会移动。
div2 有部分透明的背景图像，不固定。

所以当你滚动页面时，图案图像会出现在某些地方，因为另一个背景图像是透明的，给你一种动画效果。