顺利滑下动画

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/