順利滑下動畫

Question

我建立一個小的功能，但它不是一個平滑的動畫的滯後......我已經用它在網頁加載

$(document).ready(function(){ 
    $('#slider').slideDown(500); 
}); 

一個1600x700pixel格是否有任何解決方案，使無論如何，它的網頁加載順利div是多大或小？

FIDDLE DEMO

謝謝！

Answer 1

我會建議嘗試jQuery緩動插件。

這裏是演示和下載鏈接：http://gsgd.co.uk/sandbox/jquery/easing/

你可以用它喜歡：

$(document).ready(function(){ 
    $('#slider').slideDown(500, "easeOutQuart"); 
}); 

更新您的提琴：http://jsfiddle.net/T8vkA/1/