Question

所以，我正在为客户建立一个网站，而我正试图在他们徘徊时将超链接轻推下来。 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，所以我确信这很简单。提前谢谢。

Answer 1

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

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

- 看这个动画时，我想你应该看看“+ = 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

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

希望它有所帮助。

jQuery - 填充顶级动画问题？

2 个答案: