被忽略的META標籤之特效(頁面過渡效果)_HTML/Xhtml_網頁製作

在web設計中使用js可以實現很多的頁面特效，然而很多人卻忽略了HTML標籤中META標籤的強大功效，其實meta標籤也可以實現很多漂亮的頁面過渡效果。
META標籤是HTML語言HEAD區的輔助性標籤，Meta 標籤放在每個網頁的

...
中間，我們大家比較熟悉的如：
//說明編輯工具；
//說明關鍵字；
//說明首頁描述；
它提供使用者不可見的資訊。 meta標籤通常用來為搜尋引擎robots定義頁面主題，或定義使用者瀏覽器上的cookie；它可以用於鑑別作者，設定頁面格式，標註內容提要和關鍵字；也可以設定頁面使其可以
根據你定義的時間間隔刷新自己,以及設定RASC內容等級，等等
本文主要闡述如何使用meta標籤，產生頁面過渡效果.....

用法：



blendTrans是css動態濾鏡的一種，產生漸隱效果。另一種動態濾鏡RevealTrans也可以用於頁面進入與退出效果:
動態濾鏡可以為頁面添加動人的淡入淡出、圖象轉換效果，它可以分為兩種blend（混合）和reveal（顯示），
前者可以使對象漸漸消失或出現，後者提供了24種圖象轉化的效果......


Duration:表示濾鏡特效的持續時間(單位：秒)
Transition:濾鏡類型。表示使用哪一種特效，取值為0-23。
----------------------------------------------- -------------------------------
　　　　　　　0 :長方形縮小1: 長方形擴大
　　　　　　　2: 圓形縮小3: 圓形擴充
　　　　　　　4: 下到上刷新5: 上到下刷新
　　　　　　　6: 上到下刷新
　　　　　　　6: 上到右刷新 7: 2: 右刷新到左葉:橫百葉窗
　　　　　　 10 :錯位橫百葉窗11: 錯位豎百葉窗
　　　　　　 12 :點擴散13: 左右到中間
　　　　『　 14
　　　　〜　 14 中間到左右刷新:上下到中間17 :右下到左上
　　　　　　 18 :右上至左下19 :左上至右下
　　　　　　 20 :左下到　21: 橫條----- -------------------------------------------------- -----------------------
網頁變換效果只要搭配得當，這些變換效果會給訪客留下非常深刻的印象，即使是那些本來對你的站點沒興趣的訪客。特別是喜歡學習網頁製作的朋友，很可能就把 你的網頁複製下來，以便學習研究之用。其實你不過加了短短一段程式碼而已^_^ 網頁變換效果（Trans）共分四大類："進入網頁"（Page-Enter）、"離開網頁"（Page-Exit）、"進入站點" （Site- Enter）、"離開站點"（Site-Exit）。每一大類又分為25個小類，先用進入網頁效果來舉例說明：

進入網頁時的效果
1．混合效果 程式碼如下：
2．盒狀收縮效果 代碼如下：
3．盒狀放射效果 代碼如下：
4．圓形收縮效果 代碼如下：
5．圓形放射效果 代碼如下：
6．向上抹除效果 程式碼如下：
7．向下擦除效果 程式碼如下：
8．向右抹除效果 程式碼如下：
9．向左擦除效果 程式碼如下：
10．垂直遮蔽效果 代碼如下：
11．水平遮蔽效果 代碼如下：
12．橫向棋盤式效果 代碼如下：
13．縱向棋盤式效果 代碼如下：
14．隨即分解效果 代碼如下：
15．左右向中央縮排效果 代碼如下：
16．中央向左右擴充效果 程式碼如下：
17．上下向中央縮排效果 代碼如下：
18．中央向上下擴充效果 程式碼如下：
19．從左下抽出效果 代碼如下：
20．由左上抽出效果 代碼如下：
21．從右下抽出效果 代碼如下：
22．從右上抽出效果 代碼如下：
23．隨機水平線條效果 代碼如下：
24．隨機垂直線條效果 代碼如下：
25．隨機效果 程式碼如下：

現在讓我們來分析一下這些程式碼，首先大家一定能看出這些程式碼大多數地方很相似。事實上，雖然分類很多，但每個大類下的25個小類是分別對應相同的，並且用數字來標識，（除了混合效果blendTrans(Duration=1.0)），所以不用對沒個大類一一舉例說明，只要把"Page-Enter"換成"Page-Exit"（離開網頁）、"Site-Enter"（進入網站）、"Site-Exit"（離開網站），就可以達到需要的效果了，同時記憶起來也比較方便。其 中"Duration=1.0"可設定每個週期的時間為多久，單位是秒（現在設定的是每週期1秒）。 要注意的是四個大類的效果可以在一個網頁同時設置，但每個大類只能設定一種效果。另外如果網頁是幀頁的話，也將無法顯示出效果。