Dreamweaver制作網(wǎng)頁(yè)常用的過(guò)渡效果

字號(hào):

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