filters.revealTrans.Transition使用方法小結(jié)
更新時間：2010年08月19日 20:19:21 作者：
有看到幻燈片調(diào)用會用到divid.filters.revealTrans.Transition=Math.floor(Math.random()*23)和divid.filters.revealTrans.apply(),那么這兩個都是什么意思呢?
下面首先來看下RevealTrans的用法(可以同時打開當(dāng)鼠標(biāo)移動到鏈接，類似幻燈片效果出現(xiàn)提示,移開也一樣這個頁鞏固下).
語法：
filter : progid:DXImageTransform.Microsoft.RevealTrans ( enabled=bEnabled , duration=fDuration , transition=iTransitionType )
示范:參考文章:
屬性：
enabled : 可選項。布爾值(Boolean)。設(shè)置或檢索濾鏡是否激活。true | false true : 默認(rèn)值。濾鏡激活。
false : 濾鏡被禁止。
duration : 可選項。浮點數(shù)(Real)。設(shè)置或檢索轉(zhuǎn)換完成所用的時間。其值為秒.毫秒(0.0000)格式。
你可以使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時間。然而，當(dāng)你一旦調(diào)用了 play 方法，在回放持續(xù)過程中 Duration 特性就變?yōu)橹蛔x特性。
transition : 可選項。整數(shù)值(Integer)。設(shè)置或檢索轉(zhuǎn)換所使用的方式。 0 : 矩形收縮轉(zhuǎn)換。
1 : 矩形擴張轉(zhuǎn)換。
2 : 圓形收縮轉(zhuǎn)換。
3 : 圓形擴張轉(zhuǎn)換。
4 : 向上擦除。
5 : 向下擦除。
6 : 向右擦除。
7 : 向左擦除。
8 : 縱向百葉窗轉(zhuǎn)換。
9 : 橫向百葉窗轉(zhuǎn)換。
10 : 國際象棋棋盤橫向轉(zhuǎn)換。
11 : 國際象棋棋盤縱向轉(zhuǎn)換。
12 : 隨機雜點干擾轉(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 : 隨機橫線條轉(zhuǎn)換。
22 : 隨機豎線條轉(zhuǎn)換。
23 : 隨機使用上面可能的值轉(zhuǎn)換。
特性：
Enabled : 可讀寫。布爾值(Boolean)。參閱 enabled 屬性。
Duration : 可讀寫。浮點數(shù)(Real)。參閱 duration 屬性。
Transition : 可讀寫。整數(shù)值(Integer)。參閱 transition 屬性。
Percent : 可讀寫。字符串(String)。設(shè)置或檢索當(dāng)前靜態(tài)濾鏡輸出在轉(zhuǎn)換進(jìn)程中所處的點。取值范圍為 0 - 100 。默認(rèn)值為 0 ，轉(zhuǎn)換尚未開始。 100 為轉(zhuǎn)換完成。
此特性可用于使用轉(zhuǎn)換濾鏡建立靜態(tài)濾鏡效果。設(shè)置其值等于定義了轉(zhuǎn)換進(jìn)程停止的點。使用轉(zhuǎn)換濾鏡建立靜態(tài)濾鏡效果可遵循以下步驟：
使用轉(zhuǎn)換濾鏡的 apply 方法。這將捕獲對象內(nèi)容的初始顯示，設(shè)置 Percent 特性值為 0 。
改變對象內(nèi)容。如 visibility ， innerText ， background-color ， border ，或者其子對象的屬性。
設(shè)置轉(zhuǎn)換濾鏡的 Percent 特性。即確定你希望的轉(zhuǎn)換進(jìn)程中某一點。這將捕獲到轉(zhuǎn)換進(jìn)程中在該點處的一張內(nèi)容圖像。
設(shè)置轉(zhuǎn)換濾鏡的 Enabled 特性值為 true 。則濾鏡作用的對象將依據(jù)獲取到的圖像更新其內(nèi)容。
請注意：你只能使用 visibility 屬性來改變對象的子對象。否則，對子對象的直接改變會被立即顯示出來，而不會被轉(zhuǎn)換濾鏡捕獲。
status : 只讀。整數(shù)值(Integer)。檢索轉(zhuǎn)換的當(dāng)前狀態(tài)。0 | 1 | 2 0 : 轉(zhuǎn)換停止(stop)。
1 : 轉(zhuǎn)換被應(yīng)用(apply)。
2 : 轉(zhuǎn)換在進(jìn)行(play)。
方法：
apply : 捕獲對象內(nèi)容的初始顯示，為轉(zhuǎn)換做必要的準(zhǔn)備。無返回值。
當(dāng)此方法一旦被調(diào)用后，對象屬性的任何改變都不會被顯示，直到你調(diào)用 play 方法開始轉(zhuǎn)換。
請注意：你只能使用 visibility 屬性來改變對象的子對象。否則，對子對象的直接改變會被立即顯示出來，而不會被轉(zhuǎn)換濾鏡捕獲。
當(dāng)你調(diào)用 play 方法時，轉(zhuǎn)換呈現(xiàn)出內(nèi)容的變化結(jié)果(對象的屬性和子對象的 visibility 屬性的改變)。
play ( iDuration ) : 開始轉(zhuǎn)換。無返回值。參數(shù)見下表。
iDuration : 可選項。浮點數(shù)(Real)。 指定濾鏡作用持續(xù)的時間。默認(rèn)單位為秒。
使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時間，其值在轉(zhuǎn)換的當(dāng)前一個周期內(nèi)會替換 Duration 屬性的設(shè)置。但是下一次轉(zhuǎn)換會恢復(fù)使用 Duration 屬性設(shè)置的值。
stop : 停止轉(zhuǎn)換回放。并呈現(xiàn)轉(zhuǎn)換結(jié)果圖像。同時激發(fā) onfilterchange 事件。無返回值。
語法：
filter : progid:DXImageTransform.Microsoft.RevealTrans ( enabled=bEnabled , duration=fDuration , transition=iTransitionType )
示范:參考文章:
屬性：
enabled : 可選項。布爾值(Boolean)。設(shè)置或檢索濾鏡是否激活。true | false true : 默認(rèn)值。濾鏡激活。
false : 濾鏡被禁止。
duration : 可選項。浮點數(shù)(Real)。設(shè)置或檢索轉(zhuǎn)換完成所用的時間。其值為秒.毫秒(0.0000)格式。
你可以使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時間。然而，當(dāng)你一旦調(diào)用了 play 方法，在回放持續(xù)過程中 Duration 特性就變?yōu)橹蛔x特性。
transition : 可選項。整數(shù)值(Integer)。設(shè)置或檢索轉(zhuǎn)換所使用的方式。 0 : 矩形收縮轉(zhuǎn)換。
1 : 矩形擴張轉(zhuǎn)換。
2 : 圓形收縮轉(zhuǎn)換。
3 : 圓形擴張轉(zhuǎn)換。
4 : 向上擦除。
5 : 向下擦除。
6 : 向右擦除。
7 : 向左擦除。
8 : 縱向百葉窗轉(zhuǎn)換。
9 : 橫向百葉窗轉(zhuǎn)換。
10 : 國際象棋棋盤橫向轉(zhuǎn)換。
11 : 國際象棋棋盤縱向轉(zhuǎn)換。
12 : 隨機雜點干擾轉(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 : 隨機橫線條轉(zhuǎn)換。
22 : 隨機豎線條轉(zhuǎn)換。
23 : 隨機使用上面可能的值轉(zhuǎn)換。
特性：
Enabled : 可讀寫。布爾值(Boolean)。參閱 enabled 屬性。
Duration : 可讀寫。浮點數(shù)(Real)。參閱 duration 屬性。
Transition : 可讀寫。整數(shù)值(Integer)。參閱 transition 屬性。
Percent : 可讀寫。字符串(String)。設(shè)置或檢索當(dāng)前靜態(tài)濾鏡輸出在轉(zhuǎn)換進(jìn)程中所處的點。取值范圍為 0 - 100 。默認(rèn)值為 0 ，轉(zhuǎn)換尚未開始。 100 為轉(zhuǎn)換完成。
此特性可用于使用轉(zhuǎn)換濾鏡建立靜態(tài)濾鏡效果。設(shè)置其值等于定義了轉(zhuǎn)換進(jìn)程停止的點。使用轉(zhuǎn)換濾鏡建立靜態(tài)濾鏡效果可遵循以下步驟：
使用轉(zhuǎn)換濾鏡的 apply 方法。這將捕獲對象內(nèi)容的初始顯示，設(shè)置 Percent 特性值為 0 。
改變對象內(nèi)容。如 visibility ， innerText ， background-color ， border ，或者其子對象的屬性。
設(shè)置轉(zhuǎn)換濾鏡的 Percent 特性。即確定你希望的轉(zhuǎn)換進(jìn)程中某一點。這將捕獲到轉(zhuǎn)換進(jìn)程中在該點處的一張內(nèi)容圖像。
設(shè)置轉(zhuǎn)換濾鏡的 Enabled 特性值為 true 。則濾鏡作用的對象將依據(jù)獲取到的圖像更新其內(nèi)容。
請注意：你只能使用 visibility 屬性來改變對象的子對象。否則，對子對象的直接改變會被立即顯示出來，而不會被轉(zhuǎn)換濾鏡捕獲。
status : 只讀。整數(shù)值(Integer)。檢索轉(zhuǎn)換的當(dāng)前狀態(tài)。0 | 1 | 2 0 : 轉(zhuǎn)換停止(stop)。
1 : 轉(zhuǎn)換被應(yīng)用(apply)。
2 : 轉(zhuǎn)換在進(jìn)行(play)。
方法：
apply : 捕獲對象內(nèi)容的初始顯示，為轉(zhuǎn)換做必要的準(zhǔn)備。無返回值。
當(dāng)此方法一旦被調(diào)用后，對象屬性的任何改變都不會被顯示，直到你調(diào)用 play 方法開始轉(zhuǎn)換。
請注意：你只能使用 visibility 屬性來改變對象的子對象。否則，對子對象的直接改變會被立即顯示出來，而不會被轉(zhuǎn)換濾鏡捕獲。
當(dāng)你調(diào)用 play 方法時，轉(zhuǎn)換呈現(xiàn)出內(nèi)容的變化結(jié)果(對象的屬性和子對象的 visibility 屬性的改變)。
play ( iDuration ) : 開始轉(zhuǎn)換。無返回值。參數(shù)見下表。
iDuration : 可選項。浮點數(shù)(Real)。 指定濾鏡作用持續(xù)的時間。默認(rèn)單位為秒。
使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時間，其值在轉(zhuǎn)換的當(dāng)前一個周期內(nèi)會替換 Duration 屬性的設(shè)置。但是下一次轉(zhuǎn)換會恢復(fù)使用 Duration 屬性設(shè)置的值。
stop : 停止轉(zhuǎn)換回放。并呈現(xiàn)轉(zhuǎn)換結(jié)果圖像。同時激發(fā) onfilterchange 事件。無返回值。
相關(guān)文章
javascript實現(xiàn)fetch請求返回的統(tǒng)一攔截
這篇文章主要介紹了javascript實現(xiàn)fetch請求返回的統(tǒng)一攔截,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
這篇文章主要介紹了解決JavaScript數(shù)字精度丟失問題的方法，需要的朋友可以參考下2015-12-12
在JavaScript中創(chuàng)建對象的可行方法小結(jié)
在Web前端開發(fā)中,JavaScript是一門功能強大的語言,其核心之一便是對象的創(chuàng)建與操作,對象是JavaScript中數(shù)據(jù)結(jié)構(gòu)的重要組成部分,本文將深入探討JavaScript中創(chuàng)建對象的各種方法,并結(jié)合代碼示例和實際開發(fā)經(jīng)驗進(jìn)行詳細(xì)講解,需要的朋友可以參考下2025-03-03
這篇文章主要介紹了微信小程序模板與設(shè)置WXML，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要為大家詳細(xì)介紹了Javascript的原型和原型鏈，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
JavaScript設(shè)計模式--簡單工廠模式定義與應(yīng)用案例詳解
這篇文章主要介紹了JavaScript設(shè)計模式--簡單工廠模式定義與應(yīng)用,結(jié)合具體案例形式詳細(xì)分析了JavaScript設(shè)計模式中簡單工廠模式基本概念、定義、用法與相關(guān)注意事項,需要的朋友可以參考下2020-05-05
使用ThinkJs搭建微信中控服務(wù)的實現(xiàn)方法
這篇文章主要介紹了使用ThinkJs搭建微信中控服務(wù)的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
JavaScript知識點總結(jié)(十一)之js中的Object類詳解
這篇文章主要介紹了JavaScript知識點總結(jié)(十一)之js中的Object類詳解的相關(guān)資料,需要的朋友可以參考下2016-05-05
JS封裝的自動創(chuàng)建表格的實現(xiàn)代碼
這篇文章主要介紹了JS封裝的自動創(chuàng)建表格的實現(xiàn)代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
微信小程序登錄對接Django后端實現(xiàn)JWT方式驗證登錄詳解
這篇文章主要介紹了微信小程序登錄對接Django后端實現(xiàn)JWT方式驗證登錄詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07