Question

很抱歉，如果这个问题已经完成，但我在制作背景图片时遇到了麻烦。我已经附加了相关的背景插件，我可以将其设置为一个按钮，但是我很难让几个按钮全部在同一个图像上有自己的背景位置点。

目标是在点击每个链接时让横幅图像为不同点设置动画。

到目前为止，这是我的代码：

$document.ready(function(){
    $('#home').click(function(){
        $('#banner').animate({backgroundPosition:'(-400px 0px)'},500);
    } //end Home banner animation

    $('#releases').click(function(){
        $('#banner').animate({backgroundPosition:'(-800px 0px)'},500);
    } // end releases banner animation
} //end ready

我是Jquery的新手，我理解基础知识但这对我来说有点头疼。他们有很多关于背景动画的教程，但我找不到一个能做到这一点的教程。

Answer 1

你的jquery代码中有一些错误。

文档周围没有大括号
没有结束括号
backgroundPostition应为background-position

我遇到的另一个问题是使用background-postion并设置x＆amp; y同时坐标。现在我改为使用background-position-x＆amp;挖掘为什么不起作用。
这是一个可以帮助您的工作代码：

$(document).ready(function(){
    $('#home').click(function(){
        $('#banner').animate({'background-position-x' : '-400px'},500);
    }); //end Home banner animation

    $('#releases').click(function(){
        $('#banner').animate({'background-position-x' :'-800px'},500);
    }); // end releases banner animation
}); //end ready

由按钮的生气蓬勃的背景图象

1 个答案: