被忽視的META標(biāo)簽之特效(頁面過渡效果)

2019-10-26 17:13:35

字體：大中小

供稿：網(wǎng)友

在web設(shè)計(jì)中使用js可以實(shí)現(xiàn)很多的頁面特效，然而很多人卻忽視了HTML標(biāo)簽中META標(biāo)簽的強(qiáng)大功效，其實(shí)meta標(biāo)簽也可以實(shí)現(xiàn)很多漂亮的頁面過渡效果。
META標(biāo)簽是HTML語言HEAD區(qū)的一個輔助性標(biāo)簽，Meta 標(biāo)簽放在每個網(wǎng)頁的<head>...</head>
中間，我們大家比較熟悉的如：
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">//說明編輯工具；
<meta name="KEYWORDS" content="...">//說明關(guān)鍵詞；
<meta name="DESCRIPTION" content="...">//說明主頁描述；
它提供用戶不可見的信息。meta標(biāo)簽通常用來為搜索引擎robots定義頁面主題，或者是定義用戶瀏覽器上的cookie；它可以用于鑒別作者，設(shè)定頁面格式，標(biāo)注內(nèi)容提要和關(guān)鍵字；還可以設(shè)置頁面使其可以
根據(jù)你定義的時(shí)間間隔刷新自己,以及設(shè)置RASC內(nèi)容等級，等等
本文主要闡述如何使用meta標(biāo)簽，產(chǎn)生頁面過渡效果.....

用法：
<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">

blendTrans是css動態(tài)濾鏡的一種，產(chǎn)生漸隱效果。另一種動態(tài)濾鏡RevealTrans也可以用于頁面進(jìn)入與退出效果:
動態(tài)濾鏡可以為頁面添加動人的淡入淡出、圖象轉(zhuǎn)化效果，它可以分為兩種blend（混合）和reveal（顯示），
前者可以使對象漸漸消失或出現(xiàn)，后者提供了24種圖象轉(zhuǎn)化的效果......
<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">
<Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
Duration:表示濾鏡特效的持續(xù)時(shí)間(單位：秒)
Transition:濾鏡類型。表示使用哪種特效，取值為0-23。
------------------------------------------------------------------------------
　　　　　　　0 :矩形縮小　　　　　　　1: 矩形擴(kuò)大　　　　
　　　　　　　2: 圓形縮小　　　　　　　3: 圓形擴(kuò)大　　　　
　　　　　　　4: 下到上刷新　　　　　　5: 上到下刷新　　　　
　　　　　　　6: 左到右刷新　　　　　　7: 右到左刷新　　　　
　　　　　　　8 :豎百葉窗　　　　　　　9 :橫百葉窗　　　　　　　　
　　　　　　 10 :錯位橫百葉窗　　　　 11: 錯位豎百葉窗　　　　
　　　　　　 12 :點(diǎn)擴(kuò)散　　　　　　 13: 左右到中間刷新　　　　
　　　　　　 14 :中間到左右刷新　　　 15 :中間到上下　　　　　
　　　　　　 16 :上下到中間　　　　　 17 :右下到左上　　　　
　　　　　　 18 :右上到左下　　　　　 19 :左上到右下　　　　

上一篇：html中iframe控制父頁面刷新實(shí)現(xiàn)思路及代碼

下一篇：label標(biāo)簽使用過程中遇到的問題分析及解決思路