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