0

画像が背景の上をスライドし、背景も移動する視差効果を作成しようとしていますが、ごくわずかです。jQueryでそれは可能ですか？アニメーションで両方の要素を ID で参照しようとしましたが、うまくいきません。

            $(document).ready(function() {
                var timer;

                $("#leftarrow").hover(function() {
                    timer = setInterval(function() {slideLeft();}, 50);
                }, function() {
                    clearInterval(timer);
                });


            $("#rightarrow").hover(function() {
                    timer = setInterval(function() {slideRight();}, 50);
                }, function() {
                    clearInterval(timer);
                });



            function slideLeft() {
                $("img#background").stop().animate({
                    'left': '-=200px'
                }, 50);
                $(".mid").stop().animate({
                    'left': '-=20px'
                }, 50);

            }

            function slideRight() {
                $("img#background").stop().animate({
                    'left': '-=200px'
                }, 50);
                $(".mid").stop().animate({
                    'left': '+=20px'
                }, 50);
            }


            });

ここにフィドルがあります：http://jsfiddle.net/rYYDv/

ご協力ありがとうございました。

4

1 に答える 1

0

背景にタグを使用する代わりにimg、画像を div 内に設定し、それに応じて div を調整します。

これが私の実装です-jsfiddle

于 2013-09-10T22:37:46.083 に答える