jQuery-paddingTop动画问题？

所以，我正在为一个客户建立一个站点，当超链接悬停在上面时，我试图向下移动超链接。paddingLeft使用这个方法，当我使用它时，它会移动链接，但是当我将值更改为“paddingTop”或“marginTop”时，我不会得到响应。我错过了什么

对于那些只知道问题所在的人，以下是我的jQ代码：

$(document).ready(function(){
$(".sublink").hover(
    function(){
        $(this).stop().animate({paddingTop: "+=40px"},200);
    },
    function(){
        $(this).stop().animate({paddingTop: "0px"},200);
    });
});

前几天我刚刚学习了HTML/CSS/jQuery，所以我相信这很简单。提前谢谢

$(document).ready(function(){
$(".circle").hover(
    function(){
        $(this).stop().animate({paddingTop: "+=40px"},200);
    },
    function(){
        $(this).stop().animate({paddingTop: "0px"},200);
    });
});

将外部元素作为动画的“元素”

--在看这个动画时，我认为您应该看看“+=40px”。它真的能满足你的需要吗

将外部元素作为动画的“元素”

--在看这个动画时，我认为您应该看看“+=40px”。它真的能满足你的需要吗？

为什么不试试这个：

$(document).ready(function(){
$(".sublink").hover(
    function(){
        $(this).stop().animate({top: "+=40px"},200);
    },
    function(){
        $(this).stop().animate({top: "0px"},200);
    });
});

这假设您将以下CSS属性添加到

.subLink

类中：

position: relative

我没有测试它，但它应该工作没有借口

希望有帮助。

为什么不试试这个：

$(document).ready(function(){
$(".sublink").hover(
    function(){
        $(this).stop().animate({top: "+=40px"},200);
    },
    function(){
        $(this).stop().animate({top: "0px"},200);
    });
});

这假设您将以下CSS属性添加到

.subLink

类中：

position: relative

我没有测试它，但它应该工作没有借口

---

希望有帮助。

尝试添加

display:block到你的链接类，这对我来说很有效。太棒了！成功了。谢谢，伙计。试着添加
display:block到你的链接类，这对我来说很有效。太棒了！成功了。谢谢，伙计。我去掉了“+=”，它工作得更好——本质上。您描述的代码也会移动圆。我只想移动超链接。我去掉了“+=”，它工作得更好——本质上。您描述的代码也会移动圆。我只想移动超链接。