Web設(shè)計(jì)都喜歡給頁面加入淡入淡出效果，包括導(dǎo)航菜單、TAB菜單、圖片幻燈等。如果整個(gè)頁面也有一個(gè)淡入淡出的特效，可以讓瀏覽者有一個(gè)暫短的視頻休息間隙，是不是也很不錯(cuò)，將下面代碼添加到標(biāo)簽前，記得不要忘了加載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.

但是這個(gè)特效在IE瀏覽器下會(huì)存在一些問題，所以要加個(gè)判斷讓IE核心瀏覽顯示淡入淡出特效，在上面的代碼中加上.if(!+[1,]);else

例如：

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

另外，選擇body整個(gè)面可能對(duì)瀏覽器造成負(fù)擔(dān)，可替換成某個(gè)標(biāo)簽選擇器，只讓部分DIV顯示淡入淡出效果，比如上面的改為#wrapper。