如何使用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具有部分透明的背景图像，而不是固定的。

因此，当您滚动页面时，图案图像将出现在某些位置，因为其他背景图像是透明的，从而为您提供一种动画效果。

Answer 2

你可能想查看这篇文章：

http://flesler.blogspot.com/2007/10/jqueryscrollto.html