汶上信息港
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作 [打印本頁]
作者: 520 時(shí)間: 2009-4-16 10:22
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作
網(wǎng)頁中常用的過渡效果制作
有二十多種效果供你選擇,只要將Transition的值改為相應(yīng)的效果的代號即可,具體效果和設(shè)置如下表所示( \- I0 C" V* K9 B t4 G3 m
:
! x7 Q& r1 E7 e4 O
效果
1 \2 r# w, R9 H. c" j Transition 0 G1 [8 r# V* S4 u* P- D, \
效果
* z9 f* S& x x9 I! _4 ^* e& `- K Transition
盒狀收縮 0 溶解
6 R+ { {) M7 L5 `9 [) G 12
盒狀展開 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開: X9 z- w7 D/ X7 W
14
圓形展開) ~' j( w$ Z1 L0 X' @# V0 c/ b e q
3 上下向中部收縮
; F2 G. A3 I" I. v1 g 15
向上擦除6 c# N* c. c% g, x
4
7 t+ D% Q: u5 H+ A4 h p4 a! \4 e* y中部向上下展開 16
向下擦除
. d6 b0 S( w) t9 j1 s 5 階梯狀向左下展開
7 D2 Y: r3 j2 r 17
向左擦除; H4 ?- p7 S1 F% p
6
' z8 |) t4 S) j1 c# [ d階梯狀向左上展開
9 m3 y( Q- |/ F 18
向右擦除
r/ Z q( W& S9 m2 i) Q9 ~ 7 階梯狀向右下展開 19
垂直百葉窗/ D% P3 @9 J% R& C& f
8 階梯狀向右上展開 20
水平百葉窗 9
/ g7 L1 |: `4 |6 [0 b, q隨機(jī)水平線 21
橫向棋盤式 10
) g( x9 ?' E0 R; j0 `隨機(jī)垂直線9 ?7 J' e* {: } E! q
22
縱向棋盤式 11 5 A" d; c7 D9 D F1 M
隨機(jī)
- m9 e: s+ k( c: ]4 m/ ]0 M 236 Z% I/ Q! x& F! D
網(wǎng)頁過渡是指當(dāng)瀏覽者進(jìn)入或離開網(wǎng)頁時(shí),頁面呈現(xiàn)的不同的刷新效果,比如卷動、百葉窗等。
- Y, `, R" K/ F# Q, g9 L4 b 注:通過模板所建網(wǎng)頁無法添加網(wǎng)頁過渡效果。
制作步驟:
1、
; u2 e6 ]" D3 U5 W( t- G1 C, @打開一個(gè)頁面,這一步非常關(guān)鍵。為什么要打開一個(gè)頁面,而不是在編輯過程中進(jìn)行設(shè)置呢?這是因?yàn)榫W(wǎng)頁過渡的網(wǎng)站源碼代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開的窗口,光標(biāo)在代碼窗口的最上一行的最前邊,是合適的位置之一,對于不熟悉代碼者來說,這樣簡單、易操作。但有些網(wǎng)頁剛打開時(shí)光標(biāo)也不在asp網(wǎng)站源碼代碼窗口的最上一行的最前邊,那要通過邊框的滾動條找到代碼的第一行,然后在最前邊點(diǎn)擊鼠標(biāo),把光標(biāo)定位在代碼窗口的最上一行的最前邊。
6 u9 r( \. O* x4 R- i6 h$ U 2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta,會彈出Meta對話框。
# D+ r1 s5 w2 m3 L' N8 {! n
3、在對話框中的屬性選項(xiàng)的下拉列表中選HTTP-equivalent選項(xiàng),在值一格中鍵入Page-Enter,表示進(jìn)入網(wǎng)頁時(shí)有網(wǎng)頁網(wǎng)站源碼過渡效果。# i# |/ g0 e( v5 R' |
在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁過渡效果的延續(xù)時(shí)間為4秒,Transition表示過渡效果方式,值為2時(shí)表示圓形收縮。8 ?8 j$ k2 K8 O: }
4、輸入完后單擊確定,保存。這樣當(dāng)我們進(jìn)入這個(gè)頁面時(shí)就可以看到效果了。
3 T: m1 y g5 \7 Z$ |
歡迎光臨 汶上信息港 (http://www.junkejituan.com/) |
Powered by Discuz! X3.5 |