目的：打开雅蛙你会发现，首先出现的是一个欢迎页面，等到这个欢迎页面消失的时候出现一个已经加载好的个性化页面，你不会看到标题、tab、小工具等的加载过程，那么，如何实现这一效果呢？
思路：2个div，welcomepage欢迎层和mainpage主要层，首先mainpage隐藏，等里面内容加载完成后，welcomepage隐藏，mainpage显示。
进一步思考：mainpage什么时候显示呢？当然是加载完相应的内容后，好，2个函数，loadmainpage加载内容，showmainpage隐藏欢迎层并显示主要层。
(document).ready(function(){
loadmainpage();
showmainpage();
})
function loadmainpage() //加载定制内容
{
}
function showmainpage() //隐藏welcomepage并显示mainpage
{
}
插入基础介绍：事件ready
当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。
简单地说，这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。
有一个参数－－对jQuery函数的引用－－会传递到这个ready事件处理函数中。可以给这个参数任意起一个名字，并因此可以不再担心命名冲突而放心地使用别名。
请确保在 <body> 元素的onload事件中没有注册函数，否则不会触发(document).ready()事件。
可以在同一个页面中无限次地使用(document).ready()事件。其中注册的函数会按照（代码中的）先后顺序依次执行。
loadmainpage先不说，先说showmainpage函数，他的作用是隐藏welcomepage，显示mainpage。
<!–
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
–>function showmainpage() //隐藏welcomepage并显示mainpage
{
(“#welcomepage”).hide();
(“#mainpage”).show();
}