jQuery的：動畫到DIV

的高度我有這樣的功能：jQuery的：動畫到DIV

function fixedFeeSize(i){ 
    var num1 = $('#num' + i); 
    if (num1.hasClass("extended")) { 
     num1.stop(true, true).animate({height: '59px'},500); 
     num1.removeClass("extended"); 
    }else{ 
     var height = 0; 
     num1.animate({height: '360px'},500); 
     num1.addClass("extended"); 
    } 
    return null; 
}

哪個擴張/收縮一個div，但我很努力得到它擴大到div每個div的高度（會有10+）將會有不同的高度。

我試過num1.animate({height: 'auto'},500);沒有工作。

來源

2013-02-11 Josh Boothe

[JavaScript jQuery Animate to Auto Height]的可能重複（http://stackoverflow.com/questions/5003220/javascript-jquery-animate-to-auto-height） – techfoobar 2013-02-11 16:37:09

請提供jsfiddle示例 – Dom 2013-02-11 17:30:03

這是你所追求的效果嗎？

jQuery(".menu a").mouseenter(function(){ 
    jQuery(this).stop().animate({ 
    height: 200, opacity: 0.5 
}, 1000, "linear"); 
}); 
jQuery(".menu a").mouseleave(function(){ 
    jQuery(this).stop().animate({ 
    height: 18, opacity: 1 
}, 1000, "linear"); 
});

這裏有一個的jsfiddle： http://jsfiddle.net/kKAZx/1/

對於進一步的閱讀，看看在.animate功能的完整文檔：

您可以結合效果，使各種奇妙，符合標準的效果。

來源

2013-02-18 17:42:44 Starkers

jQuery的：動畫到DIV

回答

相關問題