為什么調用SuperSlide后的頁面內容先顯示然后消失再正常？

我們知道，html的執行順序是從上而下的，對js的執行也是一樣的。所以做好的做法是需要使用特效的對象結束后立刻調用SuperSlide那就能獲取最佳的用戶體驗，解決上述問題。
例如：
[code lang="html"]
<div class="box">
<div class="hd"><ul><li>1</li> <li>2</li> <li>3</li></ul></div>
<div class="bd">
<ul><li>信息1</li>...</ul>
<ul><li>信息2</li>...</ul>
<ul><li>信息3</li>...</ul>
</div>
</div>
<script type="text/javascript">
jQuery(".box").slide();/*當box結束后立刻調用SuperSlide，會得到最好效果*/
</script>
[/code]

有些用戶會用下面方式調用：
[code lang="js"]
$(document).ready(function(){
jQuery(".box").slide();
});
[/code]

或者：
[code lang="js"]
jQuery(function($) {
jQuery(".box").slide();
});
[/code]

其實這兩種執行過程是一樣的，都是等待整個頁面的dom加載完后再執行SuperSlide，相當于把調用SuperSlide的代碼放到頁面最下面。
這樣的話，就會造成頁面內容先顯示，直到頁面結束后再執行SuperSlide把相關內容隱藏，最后整個效果才正常。