咨詢電話：024-31891684
13390130939售前咨詢電話 31891684售后服務(wù)電話
13390130939技術(shù)咨詢 31891684傳真
build網(wǎng)站制作 |
build網(wǎng)站制作當(dāng)前位置：首頁(yè)>主要服務(wù)>網(wǎng)站制作頁(yè)面過(guò)渡效果一提到頁(yè)面過(guò)渡特效大家一定會(huì)想到腳本實(shí)現(xiàn)，其實(shí)利用文本頭的<meta> 標(biāo)記也能實(shí)現(xiàn)此效果，這里說(shuō)明一下它如何實(shí)現(xiàn)頁(yè)面過(guò)渡效果...
首先確認(rèn)是否啟用了網(wǎng)頁(yè)過(guò)渡效果 默認(rèn)情況下都已經(jīng)啟用了，如果需要手動(dòng)啟用則只需在Internet選項(xiàng)中：Advanced（高級(jí)）- Browsing（瀏覽）- Enable page transitions（啟用頁(yè)面過(guò)渡）即可。
然后在頁(yè)面中應(yīng)用過(guò)渡效果 當(dāng)我們需要添加過(guò)渡效果時(shí)，只需在<head>中添加一個(gè)特殊的<meta>即可，比如： <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=12)" />
先介紹下參數(shù): http-equiv 作用很多,這里的值為Page-Enter 是指在頁(yè)面進(jìn)入的時(shí)候發(fā)生，其他值還有: Page-Enter : 進(jìn)入頁(yè)面 Page-Exit : 離開(kāi)頁(yè)面 Site-Enter : 進(jìn)入網(wǎng)站 Site-Exit : 離開(kāi)網(wǎng)站 content 是內(nèi)容，這里表示頁(yè)面過(guò)渡的效果設(shè)置,這里的兩個(gè)屬性表示分別表示 Duration : 過(guò)渡速度 Transition : 可選項(xiàng)為整數(shù)值(Integer)，設(shè)置或檢索轉(zhuǎn)換所使用的方式
具體數(shù)值介紹: 0 : 矩形收縮轉(zhuǎn)換。 1 : 矩形擴(kuò)張轉(zhuǎn)換。 2 : 圓形收縮轉(zhuǎn)換。 3 : 圓形擴(kuò)張轉(zhuǎn)換。 4 : 向上擦除。 5 : 向下擦除。 6 : 向右擦除。 7 : 向左擦除。 8 : 縱向百葉窗轉(zhuǎn)換。 9 : 橫向百葉窗轉(zhuǎn)換。 10 : 國(guó)際象棋棋盤(pán)橫向轉(zhuǎn)換。 11 : 國(guó)際象棋棋盤(pán)縱向轉(zhuǎn)換。 12 : 隨機(jī)雜點(diǎn)干擾轉(zhuǎn)換。 13 : 左右關(guān)門(mén)效果轉(zhuǎn)換。 14 : 左右開(kāi)門(mén)效果轉(zhuǎn)換。 15 : 上下關(guān)門(mén)效果轉(zhuǎn)換。 16 : 上下開(kāi)門(mén)效果轉(zhuǎn)換。 17 : 從右上角到左下角的鋸齒邊覆蓋效果轉(zhuǎn)換。 18 : 從右下角到左上角的鋸齒邊覆蓋效果轉(zhuǎn)換。 19 : 從左上角到右下角的鋸齒邊覆蓋效果轉(zhuǎn)換。 20 : 從左下角到右上角的鋸齒邊覆蓋效果轉(zhuǎn)換。 21 : 隨機(jī)橫線條轉(zhuǎn)換。 22 : 隨機(jī)豎線條轉(zhuǎn)換。 23 : 隨機(jī)使用上面可能的值轉(zhuǎn)換。
下面介紹一下具體的例子
混合(淡入淡出) <meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)" /> 盒狀收縮 <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=0)" /> 盒狀展開(kāi) <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=1)" /> 圓形收縮 <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=2)" /> 圓形放射 <meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=3)" />
IE要求: 在IE5.5及以上版本的瀏覽器中.
另外介紹一下頁(yè)面自動(dòng)切換 <meta http-equiv="Refresh" content="5;url=http://www.huaianlvs.cn"> 頁(yè)面停留5秒后跳轉(zhuǎn)到易勢(shì)科技首頁(yè)。
實(shí)際應(yīng)用到網(wǎng)站上效果請(qǐng)查看：http://tlwp.w-oa.cn/ 網(wǎng)站動(dòng)態(tài)
|
易勢(shì)沈陽(yáng)建站專業(yè)機(jī)構(gòu)，以DIV+CSS為主，js/jQuery為輔，制作利于優(yōu)化，頁(yè)面美觀的優(yōu)質(zhì)網(wǎng)站！
網(wǎng)絡(luò)策劃公司|新浪官方微博|大連網(wǎng)站建設(shè)
沈陽(yáng)易勢(shì)科技有限公司 網(wǎng)站制作網(wǎng)絡(luò)營(yíng)銷公司 © 2011 , All rights reserved. 公司地址：沈陽(yáng)市鐵西區(qū)貴和街道建設(shè)中路15號(hào)淺草綠閣商務(wù)樓402室沈陽(yáng)做網(wǎng)站 沈陽(yáng)建站
遼B2-20150173-8
