jquery - jQuery 动画不会退缩

Question

我不知道出了什么问题，请帮忙。

jQuery 动画不会倒退。

链接：http ://extreme-network.tk/

代码：

$(window).load(function () {
   $('#footer').hover(function () {
         $(this).stop().animate({
             top: "444px"
         }, 500);
     }, function () {
         var width = $(this).height() - 32;
         $(this).stop().animate({
             bottom: -height
         }, 500);
   });
 });

Answer 1

而不是var width = $(this).height() -32;我猜你想要var height = $(this).height() - 32;

$(window).load(function(){
    $('#footer').hover(function () {
        $(this).stop().animate({top:"444px"},500);     
    },function () {
        var height = $(this).height() -32;
        $(this).stop().animate({bottom: - height  },500);     
    });
});

您的代码也可以简化：

$('#footer').hover(function () {
    $(this).stop().animate({top:"440px"}, 500);     
}, function () {
    $(this).stop().animate({top: "494px" },500);     
});

---

JSFIDDLE 演示 | JSFIDDLE 代码