如何在jQuery .css函數中添加緩動效果？

如何在使用.CSS函數時將Jquery緩動效果添加到jquery腳本中？例如，在我做到了這個工作，其他線路，但我不能使它與.CSS 工作，我現在用的是jquery easing library 如何在jQuery .css函數中添加緩動效果？

$("#map").animate({height:300},1000, 'easeOutBounce');

，我如何實現它的這個腳本的CSS？

$('#comment-box').css('display','block');

2012-09-03 Fruxelot

.css不是動畫，那是.animate的用途。這就是說，我不認爲display是這樣的動畫，因爲它只是在不同的顯示模式之間切換。您可以改用.show()和.hide()。

編輯： 嗯，看來你要.slideDown()。

試試這個：

$('div#comment').slideDown(1000, 'easeOutBounce');

也可以使用.slideUp()或.slideToggle()。

2012-09-03 12:54:28 Nix

謝謝！生病嘗試，而不是！是否仍然可以添加緩動功能的元素？ – Fruxelot

@Fruxelot這的確是，看到更新的答案 – Nix

作品像一個魅力我的朋友！非常感謝！:) – Fruxelot

您可以在元素不透明度而不是顯示屬性上使用它。

$("#map").css({opacity:0}); 
$("#map").animate({opacity:1}, 1000, 'easeOutBounce');

雖然我懷疑你會看到很大的反彈效應。

顯示是屬性的'on'/'off'類型，不可能有值的等級。你可以通過使用不透明度來獲得效果，就像我建議做的動畫一樣，並且在使用回調完成動畫完成後設置display屬性。

2012-09-03 12:49:53 Asciiom

它只能在.animate函數中使用:(？是的，哈哈多數民衆贊成在整個點。我想div的「反彈」。 – Fruxelot

爲什麼不使用動畫？調用CSS和動畫之間有什麼不同？ display是一個'on'/'off'類型的屬性，沒有值的漸變，你可以通過使用opacity來獲得效果，就像我建議做的動畫一樣，並且在動畫完成後使用回調來設置display屬性 – Asciiom

回答