CSS的RevealTrans動態濾鏡是一個神奇的濾鏡，它能產生23種動態效果，更為奇妙的是它還能在23種動態效果中隨機抽用其中的一種。用它來進行網頁之間的動態切換，簡直方便極了，你只要在網頁源代碼的< head >與< /head >之間插入這樣一行代碼：< Meta content=revealTrans(Transition=14,Duration=3.0) http-equiv=Page-enter >，當你進入這個頁面時，網頁將象拉幕一樣從中間向兩邊拉開，是不是別具一格？！
RevealTrans濾鏡只有兩個參數，Duration：是切換時間，以秒為單位；Transition：是切換方式，它有24種方式，詳見下表：
切換效果 Transition參數值 切換效果 Transition參數值
矩形從大至小 0 隨機溶解 12
矩形從小至大 1 從上下向中間展開 13
圓形從大至小 2 從中間向上下展開 14
圓形從小至大 3 從兩邊向中間展開 15
向上推開 4 從中間向兩邊展開 16
向下推開 5 從右上向左下展開 17
向右推開 6 從右下向左上展開 18
向左推開 7 從左上向右下展開 19
垂直形百葉窗 8 從左下向右上展開 20
水平形百葉窗 9 隨機水平細紋 21
水平棋盤 10 隨機垂直細紋 22
垂直棋盤 11 隨機選取一種特效 23
因此，你只要改變RevealTrans濾鏡的“Transition"的值，就能獲得不同的網頁切換效果，是不是太方便了點？但很遺憾，要把RevealTrans濾鏡用于網頁中的某個對象就沒有這么簡單了，它必須借助于Javascript來調用其方法，才能實現，這就是說要動手編程序了。但也不是太難，下面我將通過一個制作動態字幕變換的例子來說明其使用方法。
該文章轉載自無憂考網：http://www.51test.net
|
