0

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

$(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);
   });
});
4

4 回答 4

1

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

于 2012-07-28T21:11:58.560 回答
0

您可以像这样在 html 中指定图像的位置：

<button onclick="location.href='01.html'" style="position: absolute; left: 15px; top: 200px ;"> <img src="left.gif"

< /按钮>

于 2013-02-15T06:14:47.280 回答
-1

您可以为任何元素设置 css 属性，如下所示：

$(this).css({
    background-image:url('image.gif'),
    background-repeat:no-repeat,
    background-attachment:fixed,
    background-position:center, 
    top: 100,
    left: 100
});

我想这就是你要问的？

于 2012-07-28T21:13:48.637 回答
-1

如果你想动画颜色，你必须使用jQuery颜色动画UI，jQuery本身没有这个功能。

于 2012-07-28T21:17:03.490 回答