0

私が取り組んでいるWebサイトには、繰り返し背景パターンが適用されてい<body>ます。パターンは固定されておらず、ページを上下にスクロールすると、期待どおりに垂直方向にスクロールします。

上部に3セットのテキストが入ったリールがあります。これらのセットは、いくつかのナビゲーション項目を押すと左から右にスライドします。

ここに画像の説明を入力してください

現時点では、テキストは左右に移動しますが、背景は水平方向に固定されたままです(これも予想されます)。

目標は、テキストの移動と同じ速度で背景パターンを特定の方向にアニメーション化して、テキストがキャンバスの左または右に「スライド」するのではなく、完全に左または右にスクロールする効果を与えることです。

以前にJQueryプラグインを使用したことがありbackground-positionますが、要素の値をアニメーション化できます。

4

1 に答える 1

0

絶対!バックグラウンド位置のjQueryプラグインを使用します:http:
//www.protofunc.com/scripts/jquery/backgroundPosition/

これは、この概念を使用したクールな効果のチュートリアルであり、いくつかのアイデアを提供する可能性があります。http://snook.ca/archives/javascript/jquery-bg-image-animations

また、背景画像をdiv体のすぐ内側に移動することをお勧めします。これにより、さらに何かを微調整する必要がある場合に、柔軟性が向上します。

于 2012-04-04T08:32:27.843 に答える