使用jQuery制作背景slideDown的更好方法？

Question

我试图根据按下的按钮使网页slideDown（）的背景成为不同的背景。用jquery。目前我有一个绝对定位的背景，z-index低于其他所有，但我想知道是否有更好的方法，或者这是否是正确的方法？谢谢。

Answer 1

我认为绝对定位的div非常适合做背景slideDown。如果jquery已经加载到页面，那么这是最简单的方法。你的方法很好/

Answer 2

您可以使用CSS background-image属性（在较新的浏览器中使用渐变，如果您觉得有用）来绘制背景，并让jQuery为background-position属性设置动画以将其向下滑动。

以下是它的实时演示：http://jsfiddle.net/fD8WJ/（仅适用于Firefox的渐变效果，但它适用于任何url(...)图像）。它使用一个小的jQuery插件来解决jQuery缺乏对background-position中jQuery.animate()的多个值的指定的支持。否则，它很时髦。