網(wǎng)頁(yè)中經(jīng)常會(huì )有一些像動(dòng)畫(huà)那樣的刷新效果，如卷動(dòng)、百頁(yè)窗等。這樣的網(wǎng)頁(yè)看起來(lái)會(huì )更有動(dòng)感，不過(guò)也要注意適可而止，否則太花哨的變化也容易引起瀏覽者的反感。
效果說(shuō)明建立兩個(gè)頁(yè)面，并在兩個(gè)頁(yè)面之間建立超鏈接，當單擊超鏈接時(shí)，即可以動(dòng)畫(huà)的形式進(jìn)入到另一個(gè)頁(yè)面，如圖 40-1 所示。實(shí)際效果請欣賞隨書(shū)光盤(pán)中《 Dreamweaver MX 2004 100 例》目錄下的《實(shí)例 40 －網(wǎng)頁(yè)過(guò)渡特效》文件。
創(chuàng )作思想打開(kāi) Dreamweaver MX 2004 軟件，新建兩個(gè)頁(yè)面，然后分別為其建立對應的超鏈接并插入圖片，執行【插入】 | 【 HTML 】 | 【文件頭標簽】 | 【 Meta 】命令，在打開(kāi)的【 META 】對話(huà)框中輸入參數，最后保存文件完成制作。
操作步驟
（ 1 ）打開(kāi) Dreamweaver MX 2004 軟件新建兩個(gè)基本的 HTML 文件。為了在插入圖片時(shí)不提示相對路徑，可以先保存頁(yè)面為“ 40.htm ”和“ 41.htm ”。
（ 2 ）添加超鏈接并插入圖片。在頁(yè)面中添加“網(wǎng)頁(yè)過(guò)渡”字樣，并設置超鏈接鏈接到“ 41.htm ”頁(yè)面，然后插入圖片使網(wǎng)頁(yè)過(guò)渡特效更加清晰，如圖 40-2 所示。
（ 3 ）然后對“ 41.htm ”文件執行相同的操作，不過(guò)文字的超鏈接網(wǎng)址為“ 40.htm ”。
（ 4 ）插入代碼。下面將實(shí)現網(wǎng)頁(yè)過(guò)渡特效并在頁(yè)面中插入 META 代碼，如圖 40-3 所示。
提示：圖 40-3 中添加的 Revealtrans(Duration=4,Transition=2),Duration=4 代碼是網(wǎng)頁(yè)過(guò)渡特效的參數。
（ 5 ）對照上一步，對“ 41.htm ”文件執行相同的操作，但輸入的內容為“ Revealtrans(Duration=4, Transition=7),Duration= 4 ” 。
（ 6 ）保存文件，完成特效制作。
實(shí)現網(wǎng)頁(yè)過(guò)渡特效，可以增加網(wǎng)頁(yè)的動(dòng)態(tài)，但它也有弊端，會(huì )減慢瀏覽速度，所以應適當使用。
提示：特效有 24 種可供選擇，只要將 Transition 值改為相應的效果代號即可，具體效果和設置如表 40-1 所示。
聯(lián)系客服
