Dreamweaver8製作網頁常用的過度效果
作者:Eve Cole
更新時間:2009-06-01 01:02:47
網頁過渡是指當瀏覽者進入或離開網頁時,頁面呈現的不同的刷新效果,例如捲動、百葉窗等。
註:透過模板所建網頁無法加入網頁過渡效果!
製作步驟:
1、 開啟一個頁面,這一步非常關鍵。為什麼要開啟一個頁面,而不是在編輯過程中進行設定?這是因為網頁過渡的程式碼必須在程式碼視窗的一些特定區域顯示才能運作。而剛打開的窗口,遊標在程式碼窗口的最上一行的最前邊,是合適的位置之一,對於不熟悉程式碼者來說,這樣簡單、易操作。但有些網頁剛打開時光標也不在程式碼視窗的最上一行的最前邊,那要透過邊框的捲軸找到程式碼的第一行,然後在最前邊點擊滑鼠,把遊標定位在程式碼視窗的最上一行的最前邊。
2、點選選單列中的插入-HTML-檔案頭標籤-Meta,會跳出Meta對話框。
3.在對話方塊中的屬性選項的下拉清單中選HTTP-equivalent選項,在值一格中鍵入Page-Enter,表示進入網頁時有網頁過渡效果。 在內容一格中鍵入Revealtrans(Duration=4,Transition=2),Duration=4 表示網頁過渡效果的延續時間為4秒,Transition表示過渡效果方式,值為2時表示圓形收縮,各種效果數字代碼如下。
4、輸入完後點選確定,儲存。這樣當我們進入這個頁面時就可以看到效果了。剛才你看到效果了吧!要不然你再回到主頁,再到這一頁看一下。
5.另外還有二十多種效果供你選擇,只要將Transition的值改為對應的效果的代號即可,具體效果和設定如下表所示:
效果Transition 效果Transition
盒狀收縮0 溶解12
盒狀展開1 左右向中部收縮13
圓形縮2 中部向左右展開14
圓形展開3 上下向中部收縮15
向上擦除4 中部向上下展開16
向下擦除5 階梯狀向左下方展開17
向左擦除6 階梯狀向左上展開18
向右擦除7 階梯狀向右下展開19
垂直百葉窗8 階梯狀向右上展開20
水平百葉窗9 隨機水平線21
橫向棋盤式10 隨機垂直線22
縱向棋盤式11 隨機23