jQuery的+ CSS動畫

其實我想放慢增加高度和使用jquery.I減少正在使用的CSS（）來增加和減小div.Pls的高度的動畫幫助jQuery的+ CSS動畫

<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>

來源

2012-07-17 user1502411

使用動畫（）與此完全相同的副本時間 – 2012-07-17 15:30:09

請參見[我的回答（http://stackoverflow.com/a/9038843/489560）。 – 2012-07-17 15:30:46

這可能是一個解決方案：

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

來源

2012-07-17 15:34:45

你希望slideUp()和slideDown()或更好slideToggle()中，你可以指定速度：如果你想使用的slideToggle

沿着ajust元素我們 .css()的高度

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

來源

2012-07-17 15:34:37

jQuery的+ CSS動畫

回答

相關問題