汶上信息港
標(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è)置如下表所示
- z5 G. X# h6 v9 z6 f3 }+ s. U+ |:
' ?1 Z6 ^7 B: j. h, \
效果
# n: D7 K& s1 d Transition . I- R/ U) ]+ G `6 J/ u; ?
效果4 B- s' N' o+ v/ B; X* N$ G
Transition
盒狀收縮 0 溶解
1 N( A# ]. X; k# i/ P# D, _ 12
盒狀展開(kāi) 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開(kāi)$ z9 Y' C- v# f. A: q* Q
14
圓形展開(kāi)7 K$ ?/ T! G v. D0 p+ s; L
3 上下向中部收縮: e. s7 V$ `& @: {, Q1 h: n
15
向上擦除
. ?9 P7 L8 d# y. Y 4 ' k( U# R- _+ n7 V: I5 f
中部向上下展開(kāi) 16
向下擦除& r' S7 f1 A: B
5 階梯狀向左下展開(kāi)/ N9 e1 w! X, O3 U3 o5 E" G
17
向左擦除
( @7 S2 t- u1 R 6 9 t: I, ~# a& R5 ?2 @5 T6 h
階梯狀向左上展開(kāi)7 O4 }! b9 O7 q; e- Q5 w. ]
18
向右擦除% n- _& L7 g, n" t. O" B
7 階梯狀向右下展開(kāi) 19
垂直百葉窗6 ?9 o$ s4 s- ]# f- z
8 階梯狀向右上展開(kāi) 20
水平百葉窗 9
2 k+ ^1 [7 C6 h2 j% K隨機(jī)水平線 21
橫向棋盤式 10
9 h% k; l; o9 A8 @$ g; f隨機(jī)垂直線. ^' K4 q* ~6 h: S
22
縱向棋盤式 11
; K, H4 f4 H& w& X5 w( e v4 B隨機(jī)4 P ?$ X' t- T* R. [1 z* |
23" c* V( P2 ^. {; e: j+ f9 F
網(wǎng)頁(yè)過(guò)渡是指當(dāng)瀏覽者進(jìn)入或離開(kāi)網(wǎng)頁(yè)時(shí),頁(yè)面呈現(xiàn)的不同的刷新效果,比如卷動(dòng)、百葉窗等。
( X% i' D* x& d 注:通過(guò)模板所建網(wǎng)頁(yè)無(wú)法添加網(wǎng)頁(yè)過(guò)渡效果。
制作步驟:
1、
( X$ d y' H$ c* A9 e$ J打開(kāi)一個(gè)頁(yè)面,這一步非常關(guān)鍵。為什么要打開(kāi)一個(gè)頁(yè)面,而不是在編輯過(guò)程中進(jìn)行設(shè)置呢?這是因?yàn)榫W(wǎng)頁(yè)過(guò)渡的網(wǎng)站源碼代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開(kāi)的窗口,光標(biāo)在代碼窗口的最上一行的最前邊,是合適的位置之一,對(duì)于不熟悉代碼者來(lái)說(shuō),這樣簡(jiǎn)單、易操作。但有些網(wǎng)頁(yè)剛打開(kāi)時(shí)光標(biāo)也不在asp網(wǎng)站源碼代碼窗口的最上一行的最前邊,那要通過(guò)邊框的滾動(dòng)條找到代碼的第一行,然后在最前邊點(diǎn)擊鼠標(biāo),把光標(biāo)定位在代碼窗口的最上一行的最前邊。
0 }6 j! I q6 Z 2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta,會(huì)彈出Meta對(duì)話框。
! A F9 K+ r/ P! A& p
3、在對(duì)話框中的屬性選項(xiàng)的下拉列表中選HTTP-equivalent選項(xiàng),在值一格中鍵入Page-Enter,表示進(jìn)入網(wǎng)頁(yè)時(shí)有網(wǎng)頁(yè)網(wǎng)站源碼過(guò)渡效果。 f/ S5 G+ j) e$ H- n; u3 I
在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁(yè)過(guò)渡效果的延續(xù)時(shí)間為4秒,Transition表示過(guò)渡效果方式,值為2時(shí)表示圓形收縮。$ G$ p( b7 |( q$ r9 n) i4 R/ h7 ~
4、輸入完后單擊確定,保存。這樣當(dāng)我們進(jìn)入這個(gè)頁(yè)面時(shí)就可以看到效果了。
' W j. f( S# k1 w+ U
歡迎光臨 汶上信息港 (http://vancelump.com/) |
Powered by Discuz! X3.5 |