點評:想要給你的網站添加一些活力嗎?你可以在打開網頁的特效上下一點功夫,今天就教大家一招,使你的網頁打開就像是看幻燈片一樣,有動畫的效果。
下圖就是一個特效,這是從一個頁面切換到另一個頁面的效果。
Dreamweaver v8.0 簡體中文版(附注冊機+8.02補丁):
1、按快捷鍵ctrl+n新建一個頁面,選擇基本頁 html,創建。
2、接著我們插入一個圖片使得我們的效果更好看出來。點擊插入——圖像。
3、在插入圖片對話框中選擇一個圖片,我們選擇du小策的藝術照一張。
插入圖片以后,我們在圖片上方輸入du小策和du幫幫。
5、按快捷鍵ctrl+s,儲存,文件名為du小策。
6、同樣的方法我們建立du幫幫的個人頁面。
7、接著我們給du小策這幾個字添加指向“du小策.html”的文件的鏈接。如圖所示,我們選中du小策這幾個字,然后拖動鏈接匡右側的小圓圈,拖到du小策這個文件處。
8、同樣的方法把du幫幫這幾個字做一個鏈接,指向du幫幫的頁面。接下來我們要添加特效,點擊插入——html——文件頭標簽——meta。
彈出這個對話框中,屬性選擇http_equivalent,值你要自己輸入Page-Enter。內容你要填“Revealtrans(Duration=4,Transition=2),Duration=4”,這段代碼的意思是:duration指的是特效持續時間,transition指的是效果樣式,我們在參考資料中的表格中可以看到特效值對應的特效。我們使用的特效是第三個,圓形收縮。
10、同樣的方法我們給du小策的頁面也添加特效。然后按快捷鍵F12看看效果,點擊du小策和du幫幫在他倆之間切換,筆者提示你注意,由于本地瀏覽無法看到特效,你需要發布網頁以后看效果,不過你學會了這個技術及可以了。
transition的特效值介紹,以上所有用的圖片來自網絡搜集。
新聞熱點
疑難解答