Question

我正在尝试创建一个视差效果，其中图像在背景上滑动，背景也会移动，但只是非常轻微。这有可能与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/

感谢您的帮助。

Answer 1

不使用img标记作为背景，而是将图像设置在div中，并相应地调整div。

以下是我的实施 - jsfiddle

jquery - 使用一个动作为两个元素设置动画

1 个答案: