汶上信息港
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作 [打印本頁]
作者: 520 時間: 2009-4-16 10:22
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作
網(wǎng)頁中常用的過渡效果制作
有二十多種效果供你選擇,只要將Transition的值改為相應(yīng)的效果的代號即可,具體效果和設(shè)置如下表所示5 [' D7 v3 E+ }
:( t& S, [& p6 Y$ W3 D
效果& ?6 E2 M% w3 K( U" n- O$ A2 J
Transition 8 I$ ?) K# s# w9 O
效果, l% n: c& ^& x/ k
Transition
盒狀收縮 0 溶解" Z1 R1 V ]4 X7 N3 @; J# B
12
盒狀展開 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開
- a/ Z* s% k3 W/ B* |% ] 14
圓形展開
: G3 V h7 L' \3 v/ v3 P" i 3 上下向中部收縮
6 G7 V) Z6 ]% y- l: w 15
向上擦除
3 k3 z4 \) s7 |, [7 `% Z 4 ) J5 b2 F, s- [! k# G% y9 N3 t
中部向上下展開 16
向下擦除0 ~ E' w6 f8 r$ R4 B
5 階梯狀向左下展開7 S: ~4 t6 N% a# R4 u
17
向左擦除
2 X, u5 f, K% K 6 % ^/ p2 T& H$ ^' D9 g
階梯狀向左上展開
) J7 c! V2 N6 c* u' k 18
向右擦除
+ S3 B, C. P' X2 @ 7 階梯狀向右下展開 19
垂直百葉窗
6 r2 [; _8 A, B/ j 8 階梯狀向右上展開 20
水平百葉窗 9 " [% |( ?( L+ m, j- m* c8 [
隨機水平線 21
橫向棋盤式 10 , g3 k8 n8 G; J- G3 N
隨機垂直線
5 { {$ r- V% g 22
縱向棋盤式 11 ! n8 N9 p2 G, A8 w8 `. \" U
隨機9 \0 `8 F9 j, U
23
1 K- A- F) o) w6 {5 c" o網(wǎng)頁過渡是指當(dāng)瀏覽者進入或離開網(wǎng)頁時,頁面呈現(xiàn)的不同的刷新效果,比如卷動、百葉窗等。
7 T9 M1 b/ f' ~/ Z" w |; i! K& p1 ?) D 注:通過模板所建網(wǎng)頁無法添加網(wǎng)頁過渡效果。
制作步驟:
1、" K- ~( B6 v* z1 b' X
打開一個頁面,這一步非常關(guān)鍵。為什么要打開一個頁面,而不是在編輯過程中進行設(shè)置呢?這是因為網(wǎng)頁過渡的網(wǎng)站源碼代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開的窗口,光標(biāo)在代碼窗口的最上一行的最前邊,是合適的位置之一,對于不熟悉代碼者來說,這樣簡單、易操作。但有些網(wǎng)頁剛打開時光標(biāo)也不在asp網(wǎng)站源碼代碼窗口的最上一行的最前邊,那要通過邊框的滾動條找到代碼的第一行,然后在最前邊點擊鼠標(biāo),把光標(biāo)定位在代碼窗口的最上一行的最前邊。
: t) h/ F* Z. t" a( U0 O 2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta,會彈出Meta對話框。
: Q: O5 V3 R) H5 L0 Z; O9 o2 K! C: P, ?
3、在對話框中的屬性選項的下拉列表中選HTTP-equivalent選項,在值一格中鍵入Page-Enter,表示進入網(wǎng)頁時有網(wǎng)頁網(wǎng)站源碼過渡效果。- L' H5 n+ k8 j4 W* s% Z2 ?
在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁過渡效果的延續(xù)時間為4秒,Transition表示過渡效果方式,值為2時表示圓形收縮。
" l. [5 G) I- f/ v3 {3 ` 4、輸入完后單擊確定,保存。這樣當(dāng)我們進入這個頁面時就可以看到效果了。
3 a; ^) x3 |- N& O
歡迎光臨 汶上信息港 (http://m.junkejituan.com/) |
Powered by Discuz! X3.5 |