汶上信息港
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作 [打印本頁]
作者: 520 時(shí)間: 2009-4-16 10:22
標(biāo)題: 網(wǎng)頁中常用的過渡效果制作
網(wǎng)頁中常用的過渡效果制作
有二十多種效果供你選擇,只要將Transition的值改為相應(yīng)的效果的代號(hào)即可,具體效果和設(shè)置如下表所示9 @; n) o2 K/ ?0 U
:
: c) X% e2 m: P
效果. w! E, u4 e1 K/ \4 b6 P
Transition 3 P0 |6 l0 R& e# z5 t
效果
8 o- S; T8 M- |' A Transition
盒狀收縮 0 溶解2 W- f2 G2 B- v% M) D. ~
12
盒狀展開 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開: v; _2 i. p* t( h5 F; u
14
圓形展開
* A' J8 P) U0 D/ I 3 上下向中部收縮3 C! F$ ^0 a: p, J1 N4 z7 g
15
向上擦除2 {- C( l/ ?! u
4 9 c1 J1 n8 n O
中部向上下展開 16
向下擦除
N9 {- w& a% i4 }) Z9 J( f8 s0 e 5 階梯狀向左下展開: X: K! ]* D0 ?$ h' a# ]! ]7 [
17
向左擦除
: P! k: y; g5 x4 J9 e2 W 6 " v* X( }* Y, M0 v4 R2 y% Q
階梯狀向左上展開
3 b6 N% a# o- Q P; C* J 18
向右擦除+ k% g* z1 S& @
7 階梯狀向右下展開 19
垂直百葉窗( a0 w8 f; _2 [
8 階梯狀向右上展開 20
水平百葉窗 9
3 e$ `7 C9 g3 r" e7 R W隨機(jī)水平線 21
橫向棋盤式 10
/ n d6 g% O/ _4 J隨機(jī)垂直線7 e+ C4 h2 v) p3 W' G/ M
22
縱向棋盤式 11 4 T9 `2 Z7 r) b( X/ a- H/ x
隨機(jī)- ]" y" k' d9 ~3 H! S
23
4 q, ^, }9 K2 c7 I' k網(wǎng)頁過渡是指當(dāng)瀏覽者進(jìn)入或離開網(wǎng)頁時(shí),頁面呈現(xiàn)的不同的刷新效果,比如卷動(dòng)、百葉窗等。
6 h1 X( p3 l7 t( S7 I! l 注:通過模板所建網(wǎng)頁無法添加網(wǎng)頁過渡效果。
制作步驟:
1、
: d& p8 e' Y% W打開一個(gè)頁面,這一步非常關(guān)鍵。為什么要打開一個(gè)頁面,而不是在編輯過程中進(jìn)行設(shè)置呢?這是因?yàn)榫W(wǎng)頁過渡的網(wǎng)站源碼代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開的窗口,光標(biāo)在代碼窗口的最上一行的最前邊,是合適的位置之一,對(duì)于不熟悉代碼者來說,這樣簡單、易操作。但有些網(wǎng)頁剛打開時(shí)光標(biāo)也不在asp網(wǎng)站源碼代碼窗口的最上一行的最前邊,那要通過邊框的滾動(dòng)條找到代碼的第一行,然后在最前邊點(diǎn)擊鼠標(biāo),把光標(biāo)定位在代碼窗口的最上一行的最前邊。2 G- g% I+ q: X
2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta,會(huì)彈出Meta對(duì)話框。
$ n) s% g# _7 m* y, y
3、在對(duì)話框中的屬性選項(xiàng)的下拉列表中選HTTP-equivalent選項(xiàng),在值一格中鍵入Page-Enter,表示進(jìn)入網(wǎng)頁時(shí)有網(wǎng)頁網(wǎng)站源碼過渡效果。2 E! K, Q4 y6 g& I T+ M4 B1 h
在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁過渡效果的延續(xù)時(shí)間為4秒,Transition表示過渡效果方式,值為2時(shí)表示圓形收縮。
6 }+ V9 Q7 J7 o5 \4 F# r8 M8 ^7 H 4、輸入完后單擊確定,保存。這樣當(dāng)我們進(jìn)入這個(gè)頁面時(shí)就可以看到效果了。
! t. N4 m# d) r9 n
歡迎光臨 汶上信息港 (http://m.junkejituan.com/) |
Powered by Discuz! X3.5 |