ホームページ > ウェブフロントエンド > htmlチュートリアル > この Web ページの上部にある画像のスクロール効果はどのように実現しますか?ありがとう_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-24 12:08:46
オリジナル
1393 人が閲覧しました

これです: 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……
++

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート