汶上信息港
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作 [打印本頁]
作者: 520 時(shí)間: 2009-4-16 10:22
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作
網(wǎng)頁中常用的過渡效果制作
有二十多種效果供你選擇，只要將Transition的值改為相應(yīng)的效果的代號(hào)即可，具體效果和設(shè)置如下表所示) S9 C$ v _6 b
：
: y& a; v5 ^7 I0 L: ^! P
效果
) e4 O/ Q3 w0 E U8 t: M) K8 A Transition
0 a4 {$ S( ^% ?: f9 ]- [ 效果$ ]& g( [/ I) D1 [* |
Transition
盒狀收縮 0 溶解
* a5 O5 |# l% \ 12
盒狀展開 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開
3 e" B- e4 ^; t2 V1 p% \ 14
圓形展開
" v1 M* d. m4 \ 3 上下向中部收縮
( g5 l: e; y4 e. {0 |- l 15
向上擦除
# `- L. ]% G; g. j. N/ y 4 5 p! |- {9 P( ?+ ?" a# y: t) P
中部向上下展開 16
向下擦除* H& [1 e6 @' N y% \' N5 r
5 階梯狀向左下展開* s- N* Z) `; u P5 R( z, P2 |
17
向左擦除! X2 k3 I# y! K; s$ A
6
' ~; h5 B: _: s. Z階梯狀向左上展開2 S% f- O% g( U: }8 D
18
向右擦除% i( G' a4 P- A$ B4 z) u' k
7 階梯狀向右下展開 19
垂直百葉窗
5 w+ P) v) t5 M6 u5 h1 q# y. ] 8 階梯狀向右上展開 20
水平百葉窗 9 1 x! K* W/ j3 O; K
隨機(jī)水平線 21
橫向棋盤式 10 0 J" _" x7 V3 ?0 }
隨機(jī)垂直線$ u, ]3 S$ |+ O; a
22
縱向棋盤式 11
2 S# u( B" H2 I# {+ T/ o隨機(jī)7 c' J( r! c; b
23: K1 Z, G- D8 Y. r) Y
網(wǎng)頁過渡是指當(dāng)瀏覽者進(jìn)入或離開網(wǎng)頁時(shí)，頁面呈現(xiàn)的不同的刷新效果，比如卷動(dòng)、百葉窗等。. j( J3 L$ I* }
注：通過模板所建網(wǎng)頁無法添加網(wǎng)頁過渡效果。
制作步驟：
1、3 M7 g* E5 ], q" R7 B( f- m
打開一個(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)定位在代碼窗口的最上一行的最前邊。
. H1 R9 X: Q4 h) S- n0 E" _ 2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta，會(huì)彈出Meta對(duì)話框。; u9 V9 ]9 x( Q/ d9 Q
3、在對(duì)話框中的屬性選項(xiàng)的下拉列表中選HTTP-equivalent選項(xiàng)，在值一格中鍵入Page-Enter，表示進(jìn)入網(wǎng)頁時(shí)有網(wǎng)頁網(wǎng)站源碼過渡效果。
3 C% l( C, ?, v- Z4 N在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2)，Duration=4 表示網(wǎng)頁過渡效果的延續(xù)時(shí)間為4秒，Transition表示過渡效果方式，值為2時(shí)表示圓形收縮。4 l# R* k( \ {3 u- B# p; q( B
4、輸入完后單擊確定，保存。這樣當(dāng)我們進(jìn)入這個(gè)頁面時(shí)就可以看到效果了。
: w% u1 N. B& M# V
| 歡迎光臨 汶上信息港 (http://yh18.cn/) |
Powered by Discuz! X3.5 |