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