Web設(shè)計(jì)都喜歡給頁(yè)面加入淡入淡出效果,包括導(dǎo)航菜單、TAB菜單、圖片幻燈等。如果整個(gè)頁(yè)面也有一個(gè)淡入淡出的特效,可以讓瀏覽者有一個(gè)暫短的視頻休息間隙,是不是也很不錯(cuò),將下面代碼添加到標(biāo)簽前,記得不要忘了加載jQuery庫(kù),
話不多少,先來(lái)段代碼,簡(jiǎn)單的淡入效果:
1.
淡入淡出代碼:
1.
但是這個(gè)特效在IE瀏覽器下會(huì)存在一些問(wèn)題,所以要加個(gè)判斷讓IE核心瀏覽顯示淡入淡出特效,在上面的代碼中加上.if(!+[1,]);else
例如:
1.
另外,選擇body整個(gè)面可能對(duì)瀏覽器造成負(fù)擔(dān),可替換成某個(gè)標(biāo)簽選擇器,只讓部分DIV顯示淡入淡出效果,比如上面的改為#wrapper。
關(guān)鍵詞: