汶上信息港
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作 [打印本頁]
作者: 520 時間: 2009-4-16 10:22
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作
網(wǎng)頁中常用的過渡效果制作
有二十多種效果供你選擇,只要將Transition的值改為相應(yīng)的效果的代號即可,具體效果和設(shè)置如下表所示
# u$ c$ r& x2 ~5 x/ T:
3 `+ r. ?" g$ C: R* I" U
效果
; S' T' M8 ?# b) u5 e Transition
! K8 w) o0 m+ z! h; n 效果" f# n- t5 j1 G; m$ r$ u
Transition
盒狀收縮 0 溶解( R6 b9 v3 ~7 ^+ P
12
盒狀展開 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開
; s* u" G1 X5 y% M 14
圓形展開& s; I* e. I3 `* H' u' f
3 上下向中部收縮* l! _1 U, R% F5 O% ]
15
向上擦除9 [8 D% j/ N, O3 E6 S
4 6 S" c1 u4 `; H H; ]; N
中部向上下展開 16
向下擦除3 R" G: V; I+ F: G; J8 K
5 階梯狀向左下展開: G* B+ K8 k0 r' A2 L5 A% \# s
17
向左擦除- f# o6 j6 E0 I" p# I
6 . l3 I9 J6 Z5 D: q
階梯狀向左上展開
+ s9 L" s# K0 n, k 18
向右擦除9 h2 _0 _' h" F- r6 c. ]; w G
7 階梯狀向右下展開 19
垂直百葉窗4 L" _+ r0 u, j1 C
8 階梯狀向右上展開 20
水平百葉窗 9 0 `% Y8 q" K" U9 d
隨機水平線 21
橫向棋盤式 10 . b# l6 f) A1 x1 W
隨機垂直線
9 h1 X9 r1 l% U9 b- }, @+ t 22
縱向棋盤式 11
' u# \# e6 z7 D! F& k/ h9 Z隨機
5 w# r- \( |/ N5 x 233 N5 {$ P* ]9 W$ r3 j# L
網(wǎng)頁過渡是指當(dāng)瀏覽者進入或離開網(wǎng)頁時,頁面呈現(xiàn)的不同的刷新效果,比如卷動、百葉窗等。! b3 ?; u! q3 n J! c3 M
注:通過模板所建網(wǎng)頁無法添加網(wǎng)頁過渡效果。
制作步驟:
1、
) Y4 i7 M& E4 f0 m& n% b8 N打開一個頁面,這一步非常關(guān)鍵。為什么要打開一個頁面,而不是在編輯過程中進行設(shè)置呢?這是因為網(wǎng)頁過渡的網(wǎng)站源碼代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開的窗口,光標(biāo)在代碼窗口的最上一行的最前邊,是合適的位置之一,對于不熟悉代碼者來說,這樣簡單、易操作。但有些網(wǎng)頁剛打開時光標(biāo)也不在asp網(wǎng)站源碼代碼窗口的最上一行的最前邊,那要通過邊框的滾動條找到代碼的第一行,然后在最前邊點擊鼠標(biāo),把光標(biāo)定位在代碼窗口的最上一行的最前邊。9 ~1 U1 e. Z0 n( g( y6 L
2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta,會彈出Meta對話框。
, I' n2 j v) @- `
3、在對話框中的屬性選項的下拉列表中選HTTP-equivalent選項,在值一格中鍵入Page-Enter,表示進入網(wǎng)頁時有網(wǎng)頁網(wǎng)站源碼過渡效果。
7 a) I0 X" D7 c( b在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁過渡效果的延續(xù)時間為4秒,Transition表示過渡效果方式,值為2時表示圓形收縮。
K$ L6 ] Y5 L8 _6 `5 G$ V4 L4 n0 W 4、輸入完后單擊確定,保存。這樣當(dāng)我們進入這個頁面時就可以看到效果了。
! o$ p! e# V( `+ {& h
歡迎光臨 汶上信息港 (http://huihexinxi.com.cn/) |
Powered by Discuz! X3.5 |