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

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

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

　　效果
# c- N& `* c) O' U5 A  T　　　Transition　　　　　
, ?' U2 k* v( [" F$ [　效果
　　　　　　Transition

　　盒狀收縮　　　　　 0 　　　　　　　溶解
　　　　　　　　12

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

　　圓形收縮　　　　　 2 　　　　　　　中部向左右展開
9 h8 |$ s- D- o, J# A& E3 r# }　　　14

　　圓形展開
2 \# D  ?) a8 F( T　　　　　3 　　　　　　　上下向中部收縮
　　　15

　　向上擦除
/ ]$ i' |, x& Z" h　　　　　4　　　　　　　
: ?, Q6 K! n  J7 A中部向上下展開　　　 16

　　向下擦除
　　　　　5 　　　　　　　階梯狀向左下展開
　　17

　　向左擦除
/ g2 M0 F2 U$ z# G7 ~% B# B% F　　　　　6　　　　　　　
% s7 h  l1 m& a2 E5 U7 J. g" @階梯狀向左上展開
- @7 Y3 t+ v' W% r  h# ]- {9 f9 E　　18

　　向右擦除
% ]& U$ f" x/ R, Q( Q% g5 N9 R　　　　　7 　　　　　　　階梯狀向右下展開　　 19

　　垂直百葉窗
　　　　8 　　　　　　　階梯狀向右上展開　　 20

　　水平百葉窗　　　　 9　　　　　　　
) }& N' q2 n6 x; Z. G隨機(jī)水平線　　　　　 21

　　橫向棋盤式　　　　 10 　　　　　　
隨機(jī)垂直線
/ p" o! U2 @  S! P, w　　　　　22

縱向棋盤式　　　　 11 　　　　　　
+ G& r6 G$ `+ ~# I4 K, N9 Z  N隨機(jī)
! h( h- D. \$ b; C　　　　　　　　23
網(wǎng)頁過渡是指當(dāng)瀏覽者進(jìn)入或離開網(wǎng)頁時(shí)，頁面呈現(xiàn)的不同的刷新效果，比如卷動(dòng)、百葉窗等。
1 |% O7 j- N  B, C# U

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

　　制作步驟：

　　1、
3 N5 k2 V% }' G/ P7 N* V% _打開一個(gè)頁面，這一步非常關(guān)鍵。為什么要打開一個(gè)頁面，而不是在編輯過程中進(jìn)行設(shè)置呢?這是因?yàn)榫W(wǎng)頁過渡的網(wǎng)站源碼代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開的窗口，光標(biāo)在代碼窗口的最上一行的最前邊，是合適的位置之一，對(duì)于不熟悉代碼者來說，這樣簡單、易操作。但有些網(wǎng)頁剛打開時(shí)光標(biāo)也不在asp網(wǎng)站源碼代碼窗口的最上一行的最前邊，那要通過邊框的滾動(dòng)條找到代碼的第一行，然后在最前邊點(diǎn)擊鼠標(biāo)，把光標(biāo)定位在代碼窗口的最上一行的最前邊。
) C& A/ Q" R" t7 E+ H) o/ `

　　2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta，會(huì)彈出Meta對(duì)話框。

　　3、在對(duì)話框中的屬性選項(xiàng)的下拉列表中選HTTP-equivalent選項(xiàng)，在值一格中鍵入Page-Enter，表示進(jìn)入網(wǎng)頁時(shí)有網(wǎng)頁網(wǎng)站源碼過渡效果。
在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2)，Duration=4 表示網(wǎng)頁過渡效果的延續(xù)時(shí)間為4秒，Transition表示過渡效果方式，值為2時(shí)表示圓形收縮。

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

. g& `& D1 F* l( ?7 _" U; i  x