汶上信息港
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作 [打印本頁]
作者: 520 時(shí)間: 2009-4-16 10:22
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作
網(wǎng)頁中常用的過渡效果制作
有二十多種效果供你選擇,只要將Transition的值改為相應(yīng)的效果的代號即可,具體效果和設(shè)置如下表所示! A5 r0 k7 A j# J7 N
:
( y% A6 w6 g1 x- f
效果! b9 \( M1 D# O3 ^/ M' o+ {7 `# d
Transition . N* [0 S; M5 D$ a5 Q7 `/ o
效果% Y: Q$ g1 Z# ~* v( m- _" ]) v# z
Transition
盒狀收縮 0 溶解
$ g: o' c4 r& s+ z8 _4 P. L8 X 12
盒狀展開 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開% Z2 w2 s, U& \8 C; Z# `
14
圓形展開, [8 B: N+ f1 e/ u
3 上下向中部收縮( @1 T% }* {5 _
15
向上擦除' A, X8 r( @5 G
4 8 G- k2 T" `- m( C. t7 M0 T
中部向上下展開 16
向下擦除9 J9 h3 \, }: y( D! q$ k
5 階梯狀向左下展開, I5 V) e; ]& E# s; b4 w
17
向左擦除
# P6 x1 ]0 O( \4 p# I 6
8 V+ O' j$ t; K% z: \8 d階梯狀向左上展開
& @: I, c# D$ E, u 18
向右擦除
- r9 R; v3 l! |0 w$ ` q! F) e$ O 7 階梯狀向右下展開 19
垂直百葉窗
# p B- `4 l+ P! |$ B) l2 E 8 階梯狀向右上展開 20
水平百葉窗 9
9 L& ~6 ? b7 b G# u4 H隨機(jī)水平線 21
橫向棋盤式 10 ) r3 _3 m8 G8 V
隨機(jī)垂直線
1 Z6 q- G+ Q, C! w 22
縱向棋盤式 11
/ b) B* i1 y5 g' o Y4 F隨機(jī). h( b) B# v9 t
23
2 }: u* G& |, q* }網(wǎng)頁過渡是指當(dāng)瀏覽者進(jìn)入或離開網(wǎng)頁時(shí),頁面呈現(xiàn)的不同的刷新效果,比如卷動(dòng)、百葉窗等。
8 J; V! y, F, h 注:通過模板所建網(wǎng)頁無法添加網(wǎng)頁過渡效果。
制作步驟:
1、
9 F1 G+ y d8 H5 i' g) @1 k打開一個(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)站源碼代碼窗口的最上一行的最前邊,那要通過邊框的滾動(dòng)條找到代碼的第一行,然后在最前邊點(diǎn)擊鼠標(biāo),把光標(biāo)定位在代碼窗口的最上一行的最前邊。
( i8 `' D0 F) T( ~( Q* ~# ? 2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta,會(huì)彈出Meta對話框。 G0 p' R" v7 p' |& X. Q5 ^; Q
3、在對話框中的屬性選項(xiàng)的下拉列表中選HTTP-equivalent選項(xiàng),在值一格中鍵入Page-Enter,表示進(jìn)入網(wǎng)頁時(shí)有網(wǎng)頁網(wǎng)站源碼過渡效果。+ |$ o6 a4 y) Q
在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁過渡效果的延續(xù)時(shí)間為4秒,Transition表示過渡效果方式,值為2時(shí)表示圓形收縮。* E4 w+ Q! ~+ i/ E1 w( X3 h7 X
4、輸入完后單擊確定,保存。這樣當(dāng)我們進(jìn)入這個(gè)頁面時(shí)就可以看到效果了。
5 D0 ^% l, V) Y5 @( Y' ? y! [* p
歡迎光臨 汶上信息港 (http://www.vancelump.com/) |
Powered by Discuz! X3.5 |