汶上信息港
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作 [打印本頁]
作者: 520 時間: 2009-4-16 10:22
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作
網(wǎng)頁中常用的過渡效果制作
有二十多種效果供你選擇,只要將Transition的值改為相應(yīng)的效果的代號即可,具體效果和設(shè)置如下表所示/ w* Z+ h, {, l8 d
:
: K9 k; h: t$ V$ U0 R
效果+ @# r# |: u* O0 e; c. H4 T: Z
Transition
5 R4 P; {- ~, y) @# A4 V! t# a 效果
# R- T8 C b: ~ Transition
盒狀收縮 0 溶解
0 q3 S, Y# `6 t$ c2 g0 D7 Q 12
盒狀展開 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開
+ y- j+ k9 D+ c( {9 i+ g% \* F! g; e 14
圓形展開. a" x8 I) d8 m1 g+ ?/ [5 |2 o$ |
3 上下向中部收縮
; ^" F; s" ^! I4 }' u 15
向上擦除) E. d! U" F( O( `
4 / F$ I. N5 V8 i% g- Q0 V1 a7 Z4 A, c
中部向上下展開 16
向下擦除* F( n: n! F7 O
5 階梯狀向左下展開$ T: k) E+ b0 n9 V- q" c9 ?! W
17
向左擦除
( e" b1 [8 `& K1 t4 m 6
! ]( \6 x9 t. p# R! T階梯狀向左上展開6 J6 x' b( j1 p1 w: D
18
向右擦除
9 e, L! s. i( o9 m; _ 7 階梯狀向右下展開 19
垂直百葉窗" m$ E4 W; T8 R) C( i z8 J1 `
8 階梯狀向右上展開 20
水平百葉窗 9
9 I$ {. M. @5 n- J& [ I隨機(jī)水平線 21
橫向棋盤式 10 + L) H' I7 I& r6 G2 |2 d
隨機(jī)垂直線. T! @5 F( m& m) L( ^
22
縱向棋盤式 11 _$ z: F/ p, r; d3 _) ~4 {6 f
隨機(jī)
6 P; C. J k0 \/ L! O 234 O- d/ q( \2 i1 {/ Q3 k
網(wǎng)頁過渡是指當(dāng)瀏覽者進(jìn)入或離開網(wǎng)頁時,頁面呈現(xiàn)的不同的刷新效果,比如卷動、百葉窗等。
5 p; M3 ^2 G* O( K" n- J7 o 注:通過模板所建網(wǎng)頁無法添加網(wǎng)頁過渡效果。
制作步驟:
1、
" f2 Y% Z1 A9 X7 \打開一個頁面,這一步非常關(guān)鍵。為什么要打開一個頁面,而不是在編輯過程中進(jìn)行設(shè)置呢?這是因為網(wǎng)頁過渡的網(wǎng)站源碼代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開的窗口,光標(biāo)在代碼窗口的最上一行的最前邊,是合適的位置之一,對于不熟悉代碼者來說,這樣簡單、易操作。但有些網(wǎng)頁剛打開時光標(biāo)也不在asp網(wǎng)站源碼代碼窗口的最上一行的最前邊,那要通過邊框的滾動條找到代碼的第一行,然后在最前邊點擊鼠標(biāo),把光標(biāo)定位在代碼窗口的最上一行的最前邊。6 M" O0 T' W3 Q, U2 E% w
2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta,會彈出Meta對話框。7 C! q3 P% r5 c, b$ o, X+ b( ^& ~
3、在對話框中的屬性選項的下拉列表中選HTTP-equivalent選項,在值一格中鍵入Page-Enter,表示進(jìn)入網(wǎng)頁時有網(wǎng)頁網(wǎng)站源碼過渡效果。" v7 O/ j$ I' n" a9 t0 K* b& x
在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁過渡效果的延續(xù)時間為4秒,Transition表示過渡效果方式,值為2時表示圓形收縮。+ o. C# j8 {) N- p
4、輸入完后單擊確定,保存。這樣當(dāng)我們進(jìn)入這個頁面時就可以看到效果了。
$ k, M7 I9 w; W7 @
歡迎光臨 汶上信息港 (http://m.loveproblemguru.com/) |
Powered by Discuz! X3.5 |