jquery - jQuery - paddingTop 动画问题？

Question

所以，我正在为一个客户建立一个网站，当超链接悬停在上面时，我试图将它们向下推。paddingLeft 使用此方法，当我使用它时它会移动链接但是当我将值更改为“paddingTop”或“marginTop”时，我没有得到响应。我在这里想念什么？

http://jsfiddle.net/Raylin/XLrBH/

对于那些只能说出问题所在的人，这是我的 jQ 代码：

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

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

Answer 1

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

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

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

Answer 2

为什么不试试这个：

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

这假设您将以下 CSS 属性添加到您的.subLink类中：

position: relative

我没有测试它，但它应该没有任何借口。

希望能帮助到你。