這種換頁特效濾鏡其實已經不是什麼新東西, 不過還是貼上來來跟大家分享一下.
前幾天到幾個網站上逛逛的時候突然想到教學中似乎還沒有這段教學, 所以今天就貼上來與大家分享.
這其實是蠻老舊的花樣了, 這種網頁換頁濾鏡效果就跟微軟的 PowerPoint投影片每一張中的轉換效果一樣, 可以有溶解, 盒狀放射之類各種轉換效果.
其實這是IE裡面的一種濾鏡 (在CSS,Javascript和Vbscript中都可以運用) , 這次的範例是套用在網頁上讓網友進入和離開的時候會有一些轉換的特效.
這段語法, 貼在<head>與</head>之間就可以了:
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.7,Transition=23)">
<meta http-equiv="Page-Exit" content="revealTrans(Duration=0.7,Transition=23)">
語法講解:
meta... :meta標籤是設定一些網頁本身的屬性
blendTrans(), revealTrans():這兩種都是轉換濾鏡
Duration=1.0:轉換濾鏡的時間長度, 以秒作為單位..小弟設定1秒, 這樣才不會讓人覺得很慢, 倒胃口, 您可以自己實驗看看 :P
Transition=23:這是設定濾鏡, 23代表的是隨機, 您也可以設定一些其他的濾鏡 (等一下會列出可以用的濾鏡)