網(wǎng)頁變換效果
2024-04-27 13:52:51
供稿：網(wǎng)友
網(wǎng)頁變換效果只要搭配得當(dāng)，這些變換效果會給訪客留下非常深刻的印象，即使是那些本來對你的站點(diǎn)沒興趣的訪客。特別是喜歡學(xué)習(xí)網(wǎng)頁制作的朋友，很可能就把你的網(wǎng)頁復(fù)制下來，以供學(xué)習(xí)研究之用。其實(shí)你不過是加了短短一段代碼而已^_^ 網(wǎng)頁變換效果（Trans）共分四大類："進(jìn)入網(wǎng)頁"（Page-Enter）、"離開網(wǎng)頁"（Page-Exit）、"進(jìn)入站點(diǎn)"（Site-Enter）、"離開站點(diǎn)"（Site-Exit）。每一大類又分為25個小類，先用進(jìn)入網(wǎng)頁效果來舉例說明：
進(jìn)入網(wǎng)頁時的效果
1．混合效果 代碼如下： <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
2．盒狀收縮效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)">
3．盒狀放射效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">
4．圓形收縮效果 代碼如下：<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)">
5．圓形放射效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
6．向上擦除效果 代碼如下：<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
7．向下擦除效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
8．向右擦除效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
9．向左擦除效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
10．垂直遮蔽效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
11．水平遮蔽效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
12．橫向棋盤式效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
13．縱向棋盤式效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
14．隨即分解效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
15．左右向中央縮進(jìn)效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
16．中央向左右擴(kuò)展效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
17．上下向中央縮進(jìn)效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
18．中央向上下擴(kuò)展效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
19．從左下抽出效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
20．從左上抽出效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
21．從右下抽出效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
22．從右上抽出效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
23．隨機(jī)水平線條效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
24．隨機(jī)垂直線條效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
25．隨機(jī)效果 代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">
現(xiàn)在讓我們來分析一下這些代碼，首先大家一定能看出這些代碼大多數(shù)地方很相似。事實(shí)上，雖然分類很多，但每個大類下的25個小類是分別對應(yīng)相同的，并且用數(shù)字來標(biāo)識，（除了混合效果 blendTrans(Duration=1.0)），所以不用對沒個大類一一舉例說明，只要把"Page-Enter"換為"Page-Exit"（離開網(wǎng)頁）、"Site-Enter"（進(jìn)入站點(diǎn)）、"Site-Exit"（離開站點(diǎn)），就可以達(dá)到需要的效果了，同時記憶起來也比較方便。其中"Duration=1.0"可以設(shè)定每個周期的時間為多久，單位是秒（現(xiàn)在設(shè)置的是每周期1秒）。 需要注意的是四個大類的效果可以在一個網(wǎng)頁里同時設(shè)置，但每個大類只能設(shè)置一種效果。另外如果網(wǎng)頁是幀頁的話，也將無法顯示出效果。
