資源描述:
《html頁面過渡大全》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、HTML頁面過渡大全大家經(jīng)常在網(wǎng)站上看到一些很不錯(cuò)的特效,其實(shí)馬上想到的就是Javascript或是Flash...沒錯(cuò)...但通過寫Javascript來獲得特效并非易事,設(shè)計(jì)Flash何嘗也不是這樣...其實(shí)大家要好好利用下HTML本身有的頁面效果...接下來就來看看吧..(~o~)~zZ怎么做呢,其實(shí)很簡單,就利用文本頭的標(biāo)記中,具體meta標(biāo)記作用這里就不介紹,這里重點(diǎn)說明它如何實(shí)現(xiàn)頁面過渡效果...IE要求: 在IE5.5及以上版本的瀏覽器中.啟用網(wǎng)頁過渡效果頁面之間跳轉(zhuǎn)才有相應(yīng)的效果出現(xiàn),經(jīng)測試只有IE才支持,火狐沒有任何效果
2、! 默認(rèn)情況下都已經(jīng)啟用了,如果需要手動(dòng)啟用則只需在Internet選項(xiàng)中:Advanced(高級)-Browsing(瀏覽)-Enablepagetransitions(啟用頁面過渡)即可。應(yīng)用過渡效果 當(dāng)我們需要添加過渡效果時(shí),只需在
中添加一個(gè)特殊的
即可,比如:
一.先介紹下參數(shù):http-equiv作用很多,這里的值為Page-Enter是指在頁面進(jìn)入的時(shí)候發(fā)生,其
3、他值還有:Page-Enter:進(jìn)入頁面Page-Exit:離開頁面Site-Enter:進(jìn)入網(wǎng)站Site-Exit:離開網(wǎng)站content當(dāng)然就是內(nèi)容咯,這里表示頁面過渡的效果設(shè)置,這里的兩個(gè)屬性表示分別表示Duration:過渡速度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:國際象棋棋盤橫向轉(zhuǎn)換。11:國際象棋棋盤縱向轉(zhuǎn)換。1
4、2:隨機(jī)雜點(diǎn)干擾轉(zhuǎn)換。13:左右關(guān)門效果轉(zhuǎn)換。14:左右開門效果轉(zhuǎn)換。15:上下關(guān)門效果轉(zhuǎn)換。16:上下開門效果轉(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)換。二.下面介紹具體的例子啦:混合(淡入淡出) 盒狀收縮 <
5、metahttp-equiv="Page-Enter"content="revealTrans(Duration=2.0,Transition=0)"/>盒狀展開 圓形收縮 圓形放射 6、content="revealTrans(Duration=2.0,Transition=3)"/>向上擦除 向下擦除 向右擦除 7、on=2.0,Transition=6)"/>向左擦除 垂直遮蔽 水平遮蔽 橫向棋盤
8、式