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处添加包含背景图像的其他元素，并使用正常值{{1函数。

Answer 2

您可以在html中指定图像的位置，如下所示：

＆LT; button onclick =“location.href = '01 .html'”style =“position：absolute; left：15px; top：200px;”＆gt; ＆LT; img src =“left.gif”

＆LT; /按钮＆GT;

Answer 3

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

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

我认为你问的是什么？

Answer 4

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

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

4 个答案: