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

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

有二十多種效果供你選擇，只要將Transition的值改為相應(yīng)的效果的代號(hào)即可，具體效果和設(shè)置如下表所示
' _) x+ h  U0 R& M, p：
$ D& E/ z. L0 R9 \0 G" K  T/ e

　　效果
0 m0 W, r: T) [' u3 f( ]　　　Transition　　　　　
　效果
' l# O: h4 V6 \2 |　　　　　　Transition

　　盒狀收縮　　　　　 0 　　　　　　　溶解
　　　　　　　　12

　　盒狀展開(kāi)　　　　　 1 　　　　　　　左右向中部收縮　　　 13

　　圓形收縮　　　　　 2 　　　　　　　中部向左右展開(kāi)
( B4 b, y* l: p, ]* O　　　14

　　圓形展開(kāi)
　　　　　3 　　　　　　　上下向中部收縮
; {6 W* F, ]4 _- t, O　　　15

　　向上擦除
( R% X, T1 W3 M- ?" l  J　　　　　4　　　　　　　
中部向上下展開(kāi)　　　 16

　　向下擦除
0 u( b$ h8 n; g- b5 c( P　　　　　5 　　　　　　　階梯狀向左下展開(kāi)
( R9 p1 p' L& R2 L% y0 z( i　　17

　　向左擦除
' W% m1 g7 V7 X" T　　　　　6　　　　　　　
階梯狀向左上展開(kāi)
　　18

　　向右擦除
* S7 t" \8 ]7 N8 H0 F　　　　　7 　　　　　　　階梯狀向右下展開(kāi)　　 19

　　垂直百葉窗
$ i; Y' z' W! T( N( h% l　　　　8 　　　　　　　階梯狀向右上展開(kāi)　　 20

　　水平百葉窗　　　　 9　　　　　　　
2 w% I  T$ X3 S6 A/ c, P# Y隨機(jī)水平線(xiàn)　　　　　 21

　　橫向棋盤(pán)式　　　　 10 　　　　　　
8 O# Y. i0 U& B- G! C隨機(jī)垂直線(xiàn)
- _. k1 `  D  A4 k- `, m( a　　　　　22

縱向棋盤(pán)式　　　　 11 　　　　　　
* h/ u5 u& N$ `" R  k隨機(jī)
　　　　　　　　23
  x3 q5 |' t% E0 _% W2 |網(wǎng)頁(yè)過(guò)渡是指當(dāng)瀏覽者進(jìn)入或離開(kāi)網(wǎng)頁(yè)時(shí)，頁(yè)面呈現(xiàn)的不同的刷新效果，比如卷動(dòng)、百葉窗等。
3 j7 g  O7 R& W/ z9 x4 {3 A

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

　　制作步驟：

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

　　2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta，會(huì)彈出Meta對(duì)話(huà)框。
' \) c8 C3 h3 o; m" m) o

　　3、在對(duì)話(huà)框中的屬性選項(xiàng)的下拉列表中選HTTP-equivalent選項(xiàng)，在值一格中鍵入Page-Enter，表示進(jìn)入網(wǎng)頁(yè)時(shí)有網(wǎng)頁(yè)網(wǎng)站源碼過(guò)渡效果。
) g0 H5 d# f: g* o, Y: t4 C在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2)，Duration=4 表示網(wǎng)頁(yè)過(guò)渡效果的延續(xù)時(shí)間為4秒，Transition表示過(guò)渡效果方式，值為2時(shí)表示圓形收縮。
$ p' K3 L: |& v; o2 _

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