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