制作網(wǎng)頁中常用的過度效果
網(wǎng)頁過渡是指當(dāng)瀏覽者進(jìn)入或離開網(wǎng)頁時(shí),頁面呈現(xiàn)的不同的刷新效果,比如卷動(dòng)、百葉窗等。
注:通過模板所建網(wǎng)頁無法添加網(wǎng)頁過渡效果!
制作步驟:
1、 打開一個(gè)頁面,這一步非常關(guān)鍵。為什么要打開一個(gè)頁面,而不是在編輯過程中進(jìn)行設(shè)置呢?這是因?yàn)榫W(wǎng)頁過渡的代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開的窗口,光標(biāo)在代碼窗口的最上一行的最前邊,是合適的位置之一,對于不熟悉代碼者來說,這樣簡單、易操作。但有些網(wǎng)頁剛打開時(shí)光標(biāo)也不在代碼窗口的最上一行的最前邊,那要通過邊框的滾動(dòng)條找到代碼的第一行,然后在最前邊點(diǎn)擊鼠標(biāo),把光標(biāo)定位在代碼窗口的最上一行的最前邊。
2、單擊菜單欄中的插入-HTML-文件頭標(biāo)簽-Meta,會彈出Meta對話框。
3、在對話框中的屬性選項(xiàng)的下拉列表中選HTTP-equivalent選項(xiàng),在值一格中鍵入Page-Enter,表示進(jìn)入網(wǎng)頁時(shí)有網(wǎng)頁過渡效果。 在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁過渡效果的延續(xù)時(shí)間為4秒,Transition表示過渡效果方式,值為2時(shí)表示圓形收縮,各種效果數(shù)字代碼如下。
4、輸入完后單擊確定,保存。這樣當(dāng)我們進(jìn)入這個(gè)頁面時(shí)就可以看到效果了。剛才你看到效果了吧!要不然你再回到主頁,再到這一頁看一下。
5、另外還有二十多種效果供你選擇,只要將Transition的值改為相應(yīng)的效果的代號即可,具體效果和設(shè)置如下表所示 :
效果 Transition 效果 Transition
盒狀收縮 0 溶解 12
盒狀展開 1 左右向中部收縮 13
圓形收縮 2 中部向左右展開 14
圓形展開 3 上下向中部收縮 15
向上擦除 4 中部向上下展開 16
向下擦除 5 階梯狀向左下展開 17
向左擦除 6 階梯狀向左上展開 18
向右擦除 7 階梯狀向右下展開 19
垂直百葉窗 8 階梯狀向右上展開 20
水平百葉窗 9 隨機(jī)水平線 21
橫向棋盤式 10 隨機(jī)垂直線 22
縱向棋盤式 11 隨機(jī) 23
關(guān)鍵詞:網(wǎng)頁
閱讀本文后您有什么感想? 已有 人給出評價(jià)!
- 0
- 0
- 0
- 0
- 0
- 0