jQuery实现页面淡入淡出

Web设计都喜欢给页面加入淡入淡出效果，包括导航菜单、TAB菜单、图片幻灯等。如果整个页面也有一个淡入淡出的特效，可以让浏览者有一个暂短的视频休息间隙，是不是也很不错，将下面代码添加到标签前，记得不要忘了加载jQuery库，

话不多少，先来段代码，简单的淡入效果：

1.
2. //页面淡入淡出
3.$(document).ready(function() {
4.$('body').hide().fadeIn(1000);
5.});
6.

淡入淡出代码：

1.
2. //页面淡入淡出
3.$(document).ready(function(){
4.$("body").css("display","none");
5.$("body").fadeIn("slow");
6.$("a[target],a[href*='javascript'],a.lightbox-processed,a[href*='#']").addClass("speciallinks");
7.$("a:not(.speciallinks)").click(function(){
8.$("body").fadeOut("slow");
9.$("object,embed").css("visibility","hidden");
10.});
11.});
12.

但是这个特效在IE浏览器下会存在一些问题，所以要加个判断让IE核心浏览显示淡入淡出特效，在上面的代码中加上.if(!+[1,]);else

例如：

1.
2. //页面淡入淡出
3. if(!+[1,]);else
4.$(document).ready(function() {
5.$('#wrapper').hide().fadeIn(1000);
6.});
7.

另外，选择body整个面可能对浏览器造成负担，可替换成某个标签选择器，只让部分DIV显示淡入淡出效果，比如上面的改为#wrapper。