efecto profundidad usando Javascript (jQuery)

Question

¿Alguien sabe (como en http://james.padolsey.com/) cómo la capa superior del cuerpo se desplaza a una velocidad más rápida mientras el fondo se desplaza a una velocidad más lenta haciendo que tenga un efecto de profundidad?

¿Puedo implementar varias capas (más de 2) desplazándose a diferentes velocidades con el mismo concepto?

Answer 1

A continuación se muestra el código que hace esto. No lo escribí, solo miré su fuente y lo obtuve.

var a = document.body, 
    e = document.documentElement; 
$(window).unbind("scroll").scroll(function() { 
    a.style.backgroundPosition = "0px " + -(Math.max(e.scrollTop, a.scrollTop)/8) + "px" 
}) 

Live Demo

Answer 2

no he encontrado el código en la fuente, pero yo reconstruí razonablemente:

$(window).scroll(function(e){ 
    $('body').css('background-position', 
        '0 ' + parseInt($(this).scrollTop()*0.5,10) + 'px'); 
}); 

Demo →