網(wǎng)頁(yè)過渡是指當(dāng)瀏覽者進(jìn)入或離開網(wǎng)頁(yè)時(shí)，頁(yè)面呈現(xiàn)的不同的刷新效果，比如卷動(dòng)、百葉窗等。

　　注：通過模板所建網(wǎng)頁(yè)無法添加網(wǎng)頁(yè)過渡效果！

　　 制作步驟：

　　1、 打開一個(gè)頁(yè)面，這一步非常要害。為什么要打開一個(gè)頁(yè)面，而不是在編輯過程中進(jìn)行設(shè)置呢？這是因?yàn)榫W(wǎng)頁(yè)過渡的代碼必須在代碼窗口的一些特定區(qū)域顯示才能起作用。而剛打開的窗口，光標(biāo)在代碼窗口的最上一行的最前邊，是合適的位置之一，對(duì)于不熟悉代碼者來說，這樣簡(jiǎn)單、易操作。但有些網(wǎng)頁(yè)剛打開時(shí)光標(biāo)也不在代碼窗口的最上一行的最前邊，那要通過邊框的滾動(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è)過渡效果。 在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2)，Duration=4 表示網(wǎng)頁(yè)過渡效果的延續(xù)時(shí)間為4秒，Transition表示過渡效果方式，值為2時(shí)表示圓形收縮，各種效果數(shù)字代碼如下。

　　4、輸入完后單擊確定，保存。這樣當(dāng)我們進(jìn)入這個(gè)頁(yè)面時(shí)就可以看到效果了。剛才你看到效果了吧！要不然你再回到主頁(yè)，再到這一頁(yè)看一下。

　　5、另外還有二十多種效果供你選擇，只要將Transition的值改為相應(yīng)的效果的代號(hào)即可，具體效果和設(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)閉】

最新五條評(píng)論

查看全部評(píng)論

評(píng)論總數(shù) 0 條 < script src="/plus/feedback_js.php?arcID=8793">< /script >

您的評(píng)論

Drwamweaver在線視頻教程  Drwamweaver視頻教程打包下載

Drwamweaver網(wǎng)頁(yè)實(shí)例視頻教程  Dreamweaver+ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)視頻教程  Dreamweaver視頻課程
Dreamweaver系列視頻教程  DreamweaverMX網(wǎng)頁(yè)制作視頻教程

Dreamweaver制作網(wǎng)頁(yè)教程下載  Dreamweaver視頻教程下載  Dreamweaver8視頻教程
DreamWeaver 即學(xué)即會(huì)  Drwamweaver網(wǎng)頁(yè)制作實(shí)例教程100例