汶上信息港
標(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 u3 r b0 [0 T8 @( i+ A* ]
:
7 [* L0 V. b" A; K" g, w
效果
0 U) o: D. B5 m$ n$ A1 y Transition " A1 ^5 a! G& I, H& F- Z; x/ C. U a
效果- P7 Q0 f4 ^* ~% o. Y/ \
Transition
盒狀收縮 0 溶解
/ {1 x& p6 y6 {3 I* k: C* ? 12
盒狀展開(kāi) 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開(kāi): K$ j+ k, o- H% q0 w2 [: {
14
圓形展開(kāi)
: M& l4 ]* @% b G: B 3 上下向中部收縮: s+ j8 y, M2 o. ^# E3 N- V
15
向上擦除# A L' V( S- D- N+ j
4
9 Q5 L" v/ ]( v; {6 G6 d% H中部向上下展開(kāi) 16
向下擦除
1 [9 {7 u* `/ L" `7 d% V 5 階梯狀向左下展開(kāi)
. h+ @; @4 F1 w% F 17
向左擦除# K* Z2 E7 V# l$ z1 Z5 d% q
6
5 v) i5 I: |7 [! A階梯狀向左上展開(kāi); ]5 P1 p- W/ b0 ~6 ?7 j
18
向右擦除
+ `/ f( S! _; Q) e7 I$ T 7 階梯狀向右下展開(kāi) 19
垂直百葉窗0 b# z- C2 J3 i! I& m$ N, z
8 階梯狀向右上展開(kāi) 20
水平百葉窗 9 . F* A5 O& D# c
隨機(jī)水平線(xiàn) 21
橫向棋盤(pán)式 10 3 D, I9 a! B* s9 Y. _: X
隨機(jī)垂直線(xiàn) ]' m2 m/ C1 ?; P2 F) J
22
縱向棋盤(pán)式 11 ! T% ?5 `7 P5 |% p. b' U/ v3 h
隨機(jī)
! u4 r1 [4 a, F n* v% r' u: H0 i 23
7 D$ U+ i: ^9 p1 p* M網(wǎng)頁(yè)過(guò)渡是指當(dāng)瀏覽者進(jìn)入或離開(kāi)網(wǎng)頁(yè)時(shí),頁(yè)面呈現(xiàn)的不同的刷新效果,比如卷動(dòng)、百葉窗等。; O0 K/ {( p. u. Z* ~$ A4 d
注:通過(guò)模板所建網(wǎng)頁(yè)無(wú)法添加網(wǎng)頁(yè)過(guò)渡效果。
制作步驟:
1、6 q) }) Z( F. s( \
打開(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)定位在代碼窗口的最上一行的最前邊。& p9 }4 C3 j3 T% k5 G* [
2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta,會(huì)彈出Meta對(duì)話(huà)框。$ \' z6 p1 x: Z! `7 Y, W
3、在對(duì)話(huà)框中的屬性選項(xiàng)的下拉列表中選HTTP-equivalent選項(xiàng),在值一格中鍵入Page-Enter,表示進(jìn)入網(wǎng)頁(yè)時(shí)有網(wǎng)頁(yè)網(wǎng)站源碼過(guò)渡效果。
8 ]! E/ [' Z. b% w7 O$ P' v0 \在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁(yè)過(guò)渡效果的延續(xù)時(shí)間為4秒,Transition表示過(guò)渡效果方式,值為2時(shí)表示圓形收縮。
7 P1 E( H" I) a. D 4、輸入完后單擊確定,保存。這樣當(dāng)我們進(jìn)入這個(gè)頁(yè)面時(shí)就可以看到效果了。
7 K9 e% s! ^" e }% G! ]
歡迎光臨 汶上信息港 (http://loveproblemguru.com/) |
Powered by Discuz! X3.5 |