汶上信息港
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作 [打印本頁]
作者: 520 時間: 2009-4-16 10:22
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作
網(wǎng)頁中常用的過渡效果制作
有二十多種效果供你選擇,只要將Transition的值改為相應(yīng)的效果的代號即可,具體效果和設(shè)置如下表所示
& ^) ^ h) Q! j:
! S( E" @# z5 r( b! S* C9 t/ {: [
效果
3 {& `+ u6 Y, U6 E3 x0 T4 R/ { Transition
- J4 d( q$ Q2 r" j! O( J 效果* }+ o4 q: l a8 c) [2 N# c: {2 Q7 J
Transition
盒狀收縮 0 溶解4 O- I4 l& V% t: Q
12
盒狀展開 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開
7 b9 k( r% u0 o# _; ]8 F' S$ ~ 14
圓形展開
% q- x" v6 r4 h" E4 } 3 上下向中部收縮5 A: c; h8 }3 Y- r9 p5 k+ I: R3 }
15
向上擦除4 ^7 w" b/ c- G$ t2 b. S6 R$ m
4 8 T) k9 z" _+ Q1 P
中部向上下展開 16
向下擦除
# R5 \, M" s/ N+ j 5 階梯狀向左下展開# U# Y" g! F( A" {! U* m
17
向左擦除
# h |! j C$ {) Y* ^8 ^ 6
2 g' M; S5 R/ G4 g, K階梯狀向左上展開% g0 o6 D: q4 F% f5 |
18
向右擦除
5 q/ h' F. h3 @# A# Z1 k, V 7 階梯狀向右下展開 19
垂直百葉窗# ?9 X0 S. u( A: z3 C4 W
8 階梯狀向右上展開 20
水平百葉窗 9 * R8 r. ]% \% ^. ~& e% p
隨機(jī)水平線 21
橫向棋盤式 10 7 \" h* k8 l, g) {
隨機(jī)垂直線
7 E$ Q% G, A# A/ u7 y 22
縱向棋盤式 11
& `: ?& ^' o- E隨機(jī)% Q( A6 c$ a: |2 b8 O- f! W
23
1 w z2 f+ i- E' y* i- m網(wǎng)頁過渡是指當(dāng)瀏覽者進(jìn)入或離開網(wǎng)頁時,頁面呈現(xiàn)的不同的刷新效果,比如卷動、百葉窗等。
# p7 C3 P3 r L/ p6 u, b! p0 [4 Y0 K 注:通過模板所建網(wǎng)頁無法添加網(wǎng)頁過渡效果。
制作步驟:
1、
" S, p J/ n" j( Y" i) K2 c打開一個頁面,這一步非常關(guān)鍵。為什么要打開一個頁面,而不是在編輯過程中進(jìn)行設(shè)置呢?這是因?yàn)榫W(wǎng)頁過渡的網(wǎng)站源碼代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開的窗口,光標(biāo)在代碼窗口的最上一行的最前邊,是合適的位置之一,對于不熟悉代碼者來說,這樣簡單、易操作。但有些網(wǎng)頁剛打開時光標(biāo)也不在asp網(wǎng)站源碼代碼窗口的最上一行的最前邊,那要通過邊框的滾動條找到代碼的第一行,然后在最前邊點(diǎn)擊鼠標(biāo),把光標(biāo)定位在代碼窗口的最上一行的最前邊。
1 I6 S' f! y! t7 a 2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta,會彈出Meta對話框。8 k& ?5 O: a" |% e$ `! K K
3、在對話框中的屬性選項的下拉列表中選HTTP-equivalent選項,在值一格中鍵入Page-Enter,表示進(jìn)入網(wǎng)頁時有網(wǎng)頁網(wǎng)站源碼過渡效果。
1 k0 Q. S/ L' {2 i在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁過渡效果的延續(xù)時間為4秒,Transition表示過渡效果方式,值為2時表示圓形收縮。9 I& q. |6 }! N4 [
4、輸入完后單擊確定,保存。這樣當(dāng)我們進(jìn)入這個頁面時就可以看到效果了。
" W, k, h* H M* w" p# } [5 F
歡迎光臨 汶上信息港 (http://m.junkejituan.com/) |
Powered by Discuz! X3.5 |