0

抱歉，如果这个问题已经完成，但我在为背景图像设置动画时遇到问题。我已经附加了相关的背景插件，我可以让它作为一个按钮操作进行动画处理，但我正在努力让几个按钮都在同一个图像上拥有自己的背景位置点。

目的是在单击每个链接时使横幅图像动画到不同的点。

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

$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 很陌生，我了解基础知识，但这对我来说有点头疼。他们有很多关于背景动画的教程，但我找不到能做到这一点的教程。

4

1 回答 1

0

您的 jquery 代码在这里有一些错误。

  • 文档周围没有大括号
  • 没有结束括号
  • backgroundPostition 应该是背景位置

我遇到的另一个问题是同时使用背景位置和设置 x & y 坐标。现在我将其更改为使用 background-position-x 并挖掘为什么它不起作用。
这是一个可以帮助您的工作代码：

$(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
于 2013-06-24T20:14:31.557 回答