Comment créer cet effet en utilisant javascript?

Question

L'autre jour, je viens arrivé de visiter ce site: -

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

Quelqu'un peut-il me dire comment puis-je créer cet effet cool. Je sais comment faire défiler horizontalement ou verticalement la page en utilisant localScroll de JQuery. Mais si vous avez vu la page Web, regardez attentivement comment les lignes fonctionnent sur l'arrière-plan. Si quelqu'un peut me dire comment est créé cet effet je serai très reconnaissant :)

Answer 1

PNG avec transparence alpha, sur un fond:
http://www.peter-pearson.com/images/flow5.png
http://www.peter-pearson.com/images/stripey1.jpg

[EDIT]

Ce n'est pas vraiment une animation, mais un petit tour, basé sur la transparence.
Imaginez le code HTML suivant:

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

div1 a l'image d'arrière-plan-modèle de bande, positionné comme fixe, de sorte qu'il se déplace lorsque vous faites défiler.
div2 a l'image d'arrière-plan partiellement transparente, non fixée. Par conséquent, lorsque vous faites défiler la page, l'image du motif apparaît à certains endroits, car l'autre image d'arrière-plan est transparente, ce qui vous donne une sorte d'effet d'animation.

Answer 2

vous pourriez vouloir vérifier ce post:

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