この Web ページの上部にある画像のスクロール効果はどのように実現しますか?ありがとう_html/css_WEB-ITnose

これです: http://www.nilock.com/2011/05/19/a-parallax-scrolling-demo/comment-page-1/

見てみるのを手伝ってください、ありがとう、私は初心者...

ディスカッションに返信 (解決策)

背景位置を常に変更する

js で作成

これらの雲はすべて同じ写真であり、JS を使用してそれらを動かします。階層的に見えます CSS3 と JS の両方を使用できます。

$( function($) {	        var current = 0;		setInterval(function(){	       if(current==-6000) {current=0;}	       current -=600;	       $('#header-background').animate({backgroundPosition:current+"px 0px"},25000);	    },2500);	}) 

背景位置を変更する

JScript コード

$( function($) {
var current = 0;
setInterval(function(){
if(current==-6000) {current=0;}
現在 -=600;
$('#header-background').an……
++