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。