汶上信息港
標(biāo)題: 網(wǎng)頁(yè)中常用的過(guò)渡效果制作 [打印本頁(yè)]
作者: 520 時(shí)間: 2009-4-16 10:22
標(biāo)題: 網(wǎng)頁(yè)中常用的過(guò)渡效果制作
網(wǎng)頁(yè)中常用的過(guò)渡效果制作
有二十多種效果供你選擇,只要將Transition的值改為相應(yīng)的效果的代號(hào)即可,具體效果和設(shè)置如下表所示4 {$ E9 R) m/ I3 d8 e/ u7 Y# F
:
H, G, S9 r5 X$ U, |" F" a
效果
/ Z+ h0 O, m- h6 }/ ?& w) o3 C Transition
b5 L2 Z4 D( q5 ^2 _ 效果
. U/ Q5 h' L' N) K Transition
盒狀收縮 0 溶解" q+ q- L2 Y5 t0 S! b9 F
12
盒狀展開 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開
\) N& h3 c! o7 ~ x; _' _ 14
圓形展開7 `- ]2 Z8 ?4 c. z
3 上下向中部收縮3 t3 Q7 [% ]/ }1 R* ^
15
向上擦除" }4 [* A% ?! V' ^/ }
4
T1 l5 t) Z. i2 R4 d; G中部向上下展開 16
向下擦除
9 ~6 s, e$ T3 @ 5 階梯狀向左下展開% q# A. _: s5 Y3 T# N2 j" a8 ^* S
17
向左擦除
' ?: A8 T) d# Q# h# [ 6 [- g: A7 E& o1 a3 G
階梯狀向左上展開4 R3 O5 I* I% `! e1 Z
18
向右擦除# y n3 l2 e) h1 p. [
7 階梯狀向右下展開 19
垂直百葉窗1 G: T: Z* ]8 Y" x6 z) w/ U, `
8 階梯狀向右上展開 20
水平百葉窗 9
& P8 F9 _* l8 d$ N' ^5 T隨機(jī)水平線 21
橫向棋盤式 10 2 h; @" }5 B. R$ X1 j
隨機(jī)垂直線5 R" m; M2 l, x* y; f, i+ y' Y6 P/ J
22
縱向棋盤式 11 ) x0 l$ e [4 f, z" P: Y/ k( E
隨機(jī)
# j0 Z9 Y2 A' O7 C, j. y( ^4 U6 k1 a 23# [9 P" h5 t; \- v. @; t: }7 H; W( g
網(wǎng)頁(yè)過(guò)渡是指當(dāng)瀏覽者進(jìn)入或離開網(wǎng)頁(yè)時(shí),頁(yè)面呈現(xiàn)的不同的刷新效果,比如卷動(dòng)、百葉窗等。/ D4 u0 m3 `, l: ^% {
注:通過(guò)模板所建網(wǎng)頁(yè)無(wú)法添加網(wǎng)頁(yè)過(guò)渡效果。
制作步驟:
1、$ p. o! ^6 t' [+ i2 M) U0 \* w
打開一個(gè)頁(yè)面,這一步非常關(guān)鍵。為什么要打開一個(gè)頁(yè)面,而不是在編輯過(guò)程中進(jìn)行設(shè)置呢?這是因?yàn)榫W(wǎng)頁(yè)過(guò)渡的網(wǎng)站源碼代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開的窗口,光標(biāo)在代碼窗口的最上一行的最前邊,是合適的位置之一,對(duì)于不熟悉代碼者來(lái)說(shuō),這樣簡(jiǎn)單、易操作。但有些網(wǎng)頁(yè)剛打開時(shí)光標(biāo)也不在asp網(wǎng)站源碼代碼窗口的最上一行的最前邊,那要通過(guò)邊框的滾動(dòng)條找到代碼的第一行,然后在最前邊點(diǎn)擊鼠標(biāo),把光標(biāo)定位在代碼窗口的最上一行的最前邊。! F) f/ d' n0 }0 F3 d$ t: y
2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta,會(huì)彈出Meta對(duì)話框。' }' ?6 v6 K- {9 C8 {7 t
3、在對(duì)話框中的屬性選項(xiàng)的下拉列表中選HTTP-equivalent選項(xiàng),在值一格中鍵入Page-Enter,表示進(jìn)入網(wǎng)頁(yè)時(shí)有網(wǎng)頁(yè)網(wǎng)站源碼過(guò)渡效果。+ L: T! A p+ ?+ e* a( A) \
在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁(yè)過(guò)渡效果的延續(xù)時(shí)間為4秒,Transition表示過(guò)渡效果方式,值為2時(shí)表示圓形收縮。2 U1 M: O& D4 b
4、輸入完后單擊確定,保存。這樣當(dāng)我們進(jìn)入這個(gè)頁(yè)面時(shí)就可以看到效果了。
0 |" k1 d# l1 V. x! R- x- j: l0 V2 ~8 s
| 歡迎光臨 汶上信息港 (http://www.junkejituan.com/) |
Powered by Discuz! X3.5 |