天下高月小说,古风名字,古风名字

主頁(yè) > 知識(shí)庫(kù) > 被忽視的META標(biāo)簽之特效(頁(yè)面過(guò)渡效果)

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

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

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

blendTrans是css動(dòng)態(tài)濾鏡的一種，產(chǎn)生漸隱效果。另一種動(dòng)態(tài)濾鏡RevealTrans也可以用于頁(yè)面進(jìn)入與退出效果:
動(dòng)態(tài)濾鏡可以為頁(yè)面添加動(dòng)人的淡入淡出、圖象轉(zhuǎn)化效果，它可以分為兩種blend（混合）和reveal（顯示），
前者可以使對(duì)象漸漸消失或出現(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 :錯(cuò)位橫百葉窗　　　　 11: 錯(cuò)位豎百葉窗　　　　
　　　　　　 12 :點(diǎn)擴(kuò)散　　　　　　 13: 左右到中間刷新　　　　
　　　　　　 14 :中間到左右刷新　　　 15 :中間到上下　　　　　
　　　　　　 16 :上下到中間　　　　　 17 :右下到左上　　　　
　　　　　　 18 :右上到左下　　　　　 19 :左上到右下　　　　
　　　　　　 20 :左下到右上　　　　 21 :橫條　　　　　
　　　　　　 22 :豎條　　　　　　 23 :以上22種隨機(jī)選擇一種
------------------------------------------------------------------------------
網(wǎng)頁(yè)變換效果只要搭配得當(dāng)，這些變換效果會(huì)給訪客留下非常深刻的印象，即使是那些本來(lái)對(duì)你的站點(diǎn)沒(méi)興趣的訪客。特別是喜歡學(xué)習(xí)網(wǎng)頁(yè)制作的朋友，很可能就把你的網(wǎng)頁(yè)復(fù)制下來(lái)，以供學(xué)習(xí)研究之用。其實(shí)你不過(guò)是加了短短一段代碼而已^_^ 網(wǎng)頁(yè)變換效果（Trans）共分四大類："進(jìn)入網(wǎng)頁(yè)"（Page-Enter）、"離開(kāi)網(wǎng)頁(yè)"（Page-Exit）、"進(jìn)入站點(diǎn)"（Site- Enter）、"離開(kāi)站點(diǎn)"（Site-Exit）。每一大類又分為25個(gè)小類，先用進(jìn)入網(wǎng)頁(yè)效果來(lái)舉例說(shuō)明：

進(jìn)入網(wǎng)頁(yè)時(shí)的效果
1．混合效果代碼如下： <meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
2．盒狀收縮效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)">
3．盒狀放射效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">
4．圓形收縮效果代碼如下：<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)">
5．圓形放射效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">
6．向上擦除效果代碼如下：<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
7．向下擦除效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">
8．向右擦除效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">
9．向左擦除效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">
10．垂直遮蔽效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">
11．水平遮蔽效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)">
12．橫向棋盤(pán)式效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">
13．縱向棋盤(pán)式效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">
14．隨即分解效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
15．左右向中央縮進(jìn)效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">
16．中央向左右擴(kuò)展效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)">
17．上下向中央縮進(jìn)效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">
18．中央向上下擴(kuò)展效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)">
19．從左下抽出效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">
20．從左上抽出效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">
21．從右下抽出效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)">
22．從右上抽出效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">
23．隨機(jī)水平線條效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
24．隨機(jī)垂直線條效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">
25．隨機(jī)效果代碼如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">

現(xiàn)在讓我們來(lái)分析一下這些代碼，首先大家一定能看出這些代碼大多數(shù)地方很相似。事實(shí)上，雖然分類很多，但每個(gè)大類下的25個(gè)小類是分別對(duì)應(yīng)相同的，并且用數(shù)字來(lái)標(biāo)識(shí)，（除了混合效果 blendTrans(Duration=1.0)），所以不用對(duì)沒(méi)個(gè)大類一一舉例說(shuō)明，只要把"Page-Enter"換為"Page-Exit"（離開(kāi)網(wǎng)頁(yè)）、"Site-Enter"（進(jìn)入站點(diǎn)）、"Site-Exit"（離開(kāi)站點(diǎn)），就可以達(dá)到需要的效果了，同時(shí)記憶起來(lái)也比較方便。其中"Duration=1.0"可以設(shè)定每個(gè)周期的時(shí)間為多久，單位是秒（現(xiàn)在設(shè)置的是每周期1秒）。需要注意的是四個(gè)大類的效果可以在一個(gè)網(wǎng)頁(yè)里同時(shí)設(shè)置，但每個(gè)大類只能設(shè)置一種效果。另外如果網(wǎng)頁(yè)是幀頁(yè)的話，也將無(wú)法顯示出效果。

標(biāo)簽：潮州荊門(mén) 青島山南懷化延邊哈密昭通

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《被忽視的META標(biāo)簽之特效(頁(yè)面過(guò)渡效果)》，本文關(guān)鍵詞被,忽視,的,META,標(biāo)簽,之,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。