jquery - jQuery + CSS 动画

Question

实际上我想使用jquery来减慢增加高度和减少的动画。我正在使用.css（）来增加和减少div的高度。请帮助

<script>
  $(document).ready(function(){
    $(".stickyfooter2").css({'height': '60px'});
    $('.stickyfooter2').mouseover(function(){
      $(".stickyfooter2").css({'height': '200px'});
    });
    $('.stickyfooter2').mouseleave(function(){
      $(".stickyfooter2").css({'height': '60px'});
      $(this).fadeIn('fast');
    });
  });  
</script>

Answer 1

您还需要slideUp()andslideDown()或更好slideToggle()的方法，您可以在其中指定速度：

$(".stickyfooter2").slideToggle('speed goes here in milliseconds');

如果您想调整元素的高度，请.css()使用 slideToggle

Answer 2

这可能是一个解决方案：

$('.stickyfooter2').mouseover(function(){
  $(".stickyfooter2").animate({'height': '200px'}, 2000);
});
$('.stickyfooter2').mouseleave(function(){
  $(".stickyfooter2").animate({'height': '60px'}, 2000);
});