網(wǎng)頁中常用的過渡效果制作

網(wǎng)頁中常用的過渡效果制作

有二十多種效果供你選擇，只要將Transition的值改為相應(yīng)的效果的代號即可，具體效果和設(shè)置如下表所示
：

　　效果
　　　Transition　　　　　
　效果
2 W( D7 K/ Z3 i6 _2 j4 F　　　　　　Transition

　　盒狀收縮　　　　　 0 　　　　　　　溶解
$ ]: ]( d) u  K7 J　　　　　　　　12

　　盒狀展開　　　　　 1 　　　　　　　左右向中部收縮　　　 13

　　圓形收縮　　　　　 2 　　　　　　　中部向左右展開
) o/ H' q3 |- C4 s. w- f　　　14

　　圓形展開
　　　　　3 　　　　　　　上下向中部收縮
　　　15

　　向上擦除
　　　　　4　　　　　　　
" k. c5 p: L2 k2 p+ v' g9 Y中部向上下展開　　　 16

　　向下擦除
, x- L$ @5 ^: O3 [　　　　　5 　　　　　　　階梯狀向左下展開
4 S* B: b% \1 @! ?  P, X7 f: d/ f　　17

　　向左擦除
　　　　　6　　　　　　　
' Z0 _' q7 ~2 Z& |7 ?! I階梯狀向左上展開
1 ^) c0 c# i0 H. O4 z　　18

　　向右擦除
8 w2 Z1 X+ Z/ J　　　　　7 　　　　　　　階梯狀向右下展開　　 19

　　垂直百葉窗
1 i  V% `* Z% x9 t" M1 @9 I, |　　　　8 　　　　　　　階梯狀向右上展開　　 20

　　水平百葉窗　　　　 9　　　　　　　
隨機水平線　　　　　 21

　　橫向棋盤式　　　　 10 　　　　　　
/ R7 R( n) B. i+ W9 f0 _% z隨機垂直線
. m; ]" w, L1 t; Q　　　　　22

縱向棋盤式　　　　 11 　　　　　　
隨機
# Y" y5 h: H0 X  u) v　　　　　　　　23
, L3 J  x( {2 ?) I網(wǎng)頁過渡是指當(dāng)瀏覽者進入或離開網(wǎng)頁時，頁面呈現(xiàn)的不同的刷新效果，比如卷動、百葉窗等。

　　注：通過模板所建網(wǎng)頁無法添加網(wǎng)頁過渡效果。

　　制作步驟：

　　1、
打開一個頁面，這一步非常關(guān)鍵。為什么要打開一個頁面，而不是在編輯過程中進行設(shè)置呢?這是因為網(wǎng)頁過渡的網(wǎng)站源碼代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開的窗口，光標(biāo)在代碼窗口的最上一行的最前邊，是合適的位置之一，對于不熟悉代碼者來說，這樣簡單、易操作。但有些網(wǎng)頁剛打開時光標(biāo)也不在asp網(wǎng)站源碼代碼窗口的最上一行的最前邊，那要通過邊框的滾動條找到代碼的第一行，然后在最前邊點擊鼠標(biāo)，把光標(biāo)定位在代碼窗口的最上一行的最前邊。

　　2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta，會彈出Meta對話框。
! `1 n4 P! V# f: F

　　3、在對話框中的屬性選項的下拉列表中選HTTP-equivalent選項，在值一格中鍵入Page-Enter，表示進入網(wǎng)頁時有網(wǎng)頁網(wǎng)站源碼過渡效果。
/ d, S6 c, Q1 `+ n0 \$ q) N6 Z) e+ n在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2)，Duration=4 表示網(wǎng)頁過渡效果的延續(xù)時間為4秒，Transition表示過渡效果方式，值為2時表示圓形收縮。
0 K: Z1 k1 Y( B+ X9 l" {2 r

4、輸入完后單擊確定，保存。這樣當(dāng)我們進入這個頁面時就可以看到效果了。