jquery - 如何使用 jquery 设置背景图像和位置？

Question

我有这段代码，它允许我在将鼠标悬停在链接上时使颜色淡入和淡出，但我希望背景图像随之淡入淡出。我不确定如何在我的代码中设置背景图像和位置。

$(document).ready(function() {
   var $imageUrl = "../images/TopNavigationArrows.png";
   var cssBg = ?

   $(".link").hover(function() {
       // Hover State
       $(this).animate({ color: "#FFEFCA" }, 200);

   },function() {
       // Default State
       $(this).animate({ color: "#FFF" }, 200);
   });
});

Answer 1

您不能为背景图像设置动画以使其淡入。您可能需要做的是在当前元素的较低 z-index 处添加一个包含背景图像的附加元素，并使用普通 将其淡入fadeIn/fadeOut 函数。