CSS的RevealTrans動態(tài)濾鏡是一個神奇的濾鏡，它能產(chǎn)生23種動態(tài)效果，更為奇妙的是它還能在23種動態(tài)效果中隨機抽用其中的一種。用它來進行網(wǎng)頁之間的動態(tài)切換，簡直方便極了，你只要在網(wǎng)頁源代碼的< head >與< /head >之間插入這樣一行代碼：< Meta content=revealTrans(Transition=14,Duration=3.0) http-equiv=Page-enter >，當你進入這個頁面時，網(wǎng)頁將象拉幕一樣從中間向兩邊拉開，是不是別具一格？！
RevealTrans濾鏡只有兩個參數(shù)，Duration：是切換時間，以秒為單位；Transition：是切換方式，它有24種方式，詳見下表：
切換效果 Transition參數(shù)值 切換效果 Transition參數(shù)值
矩形從大至小 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"的值，就能獲得不同的網(wǎng)頁切換效果，是不是太方便了點？但很遺憾，要把RevealTrans濾鏡用于網(wǎng)頁中的某個對象就沒有這么簡單了，它必須借助于Javascript來調(diào)用其方法，才能實現(xiàn)，這就是說要動手編程序了。但也不是太難，下面我將通過一個制作動態(tài)字幕變換的例子來說明其使用方法。
該文章轉(zhuǎn)載自無憂考網(wǎng)：http://www.51test.net
|
