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的用法(可以同時打開當鼠標移動到鏈接,類似幻燈片效果出現(xiàn)提示,移開也一樣這個頁鞏固下).
語法:
filter : progid:DXImageTransform.Microsoft.RevealTrans ( enabled=bEnabled , duration=fDuration , transition=iTransitionType )
示范:參考文章:
屬性:
enabled : 可選項。布爾值(Boolean)。設(shè)置或檢索濾鏡是否激活。true | false true : 默認值。濾鏡激活。
false : 濾鏡被禁止。
duration : 可選項。浮點數(shù)(Real)。設(shè)置或檢索轉(zhuǎn)換完成所用的時間。其值為秒.毫秒(0.0000)格式。
你可以使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時間。然而,當你一旦調(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è)置或檢索當前靜態(tài)濾鏡輸出在轉(zhuǎn)換進程中所處的點。取值范圍為 0 - 100 。默認值為 0 ,轉(zhuǎn)換尚未開始。 100 為轉(zhuǎn)換完成。
此特性可用于使用轉(zhuǎn)換濾鏡建立靜態(tài)濾鏡效果。設(shè)置其值等于定義了轉(zhuǎ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)換進程中某一點。這將捕獲到轉(zhuǎn)換進程中在該點處的一張內(nèi)容圖像。
設(shè)置轉(zhuǎn)換濾鏡的 Enabled 特性值為 true 。則濾鏡作用的對象將依據(jù)獲取到的圖像更新其內(nèi)容。
請注意:你只能使用 visibility 屬性來改變對象的子對象。否則,對子對象的直接改變會被立即顯示出來,而不會被轉(zhuǎn)換濾鏡捕獲。
status : 只讀。整數(shù)值(Integer)。檢索轉(zhuǎn)換的當前狀態(tài)。0 | 1 | 2 0 : 轉(zhuǎn)換停止(stop)。
1 : 轉(zhuǎn)換被應(yīng)用(apply)。
2 : 轉(zhuǎn)換在進行(play)。
方法:
apply : 捕獲對象內(nèi)容的初始顯示,為轉(zhuǎn)換做必要的準備。無返回值。
當此方法一旦被調(diào)用后,對象屬性的任何改變都不會被顯示,直到你調(diào)用 play 方法開始轉(zhuǎn)換。
請注意:你只能使用 visibility 屬性來改變對象的子對象。否則,對子對象的直接改變會被立即顯示出來,而不會被轉(zhuǎn)換濾鏡捕獲。
當你調(diào)用 play 方法時,轉(zhuǎn)換呈現(xiàn)出內(nèi)容的變化結(jié)果(對象的屬性和子對象的 visibility 屬性的改變)。
play ( iDuration ) : 開始轉(zhuǎn)換。無返回值。參數(shù)見下表。
iDuration : 可選項。浮點數(shù)(Real)。 指定濾鏡作用持續(xù)的時間。默認單位為秒。
使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時間,其值在轉(zhuǎn)換的當前一個周期內(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 : 默認值。濾鏡激活。
false : 濾鏡被禁止。
duration : 可選項。浮點數(shù)(Real)。設(shè)置或檢索轉(zhuǎn)換完成所用的時間。其值為秒.毫秒(0.0000)格式。
你可以使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時間。然而,當你一旦調(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è)置或檢索當前靜態(tài)濾鏡輸出在轉(zhuǎn)換進程中所處的點。取值范圍為 0 - 100 。默認值為 0 ,轉(zhuǎn)換尚未開始。 100 為轉(zhuǎn)換完成。
此特性可用于使用轉(zhuǎn)換濾鏡建立靜態(tài)濾鏡效果。設(shè)置其值等于定義了轉(zhuǎ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)換進程中某一點。這將捕獲到轉(zhuǎn)換進程中在該點處的一張內(nèi)容圖像。
設(shè)置轉(zhuǎn)換濾鏡的 Enabled 特性值為 true 。則濾鏡作用的對象將依據(jù)獲取到的圖像更新其內(nèi)容。
請注意:你只能使用 visibility 屬性來改變對象的子對象。否則,對子對象的直接改變會被立即顯示出來,而不會被轉(zhuǎn)換濾鏡捕獲。
status : 只讀。整數(shù)值(Integer)。檢索轉(zhuǎn)換的當前狀態(tài)。0 | 1 | 2 0 : 轉(zhuǎn)換停止(stop)。
1 : 轉(zhuǎn)換被應(yīng)用(apply)。
2 : 轉(zhuǎn)換在進行(play)。
方法:
apply : 捕獲對象內(nèi)容的初始顯示,為轉(zhuǎn)換做必要的準備。無返回值。
當此方法一旦被調(diào)用后,對象屬性的任何改變都不會被顯示,直到你調(diào)用 play 方法開始轉(zhuǎn)換。
請注意:你只能使用 visibility 屬性來改變對象的子對象。否則,對子對象的直接改變會被立即顯示出來,而不會被轉(zhuǎn)換濾鏡捕獲。
當你調(diào)用 play 方法時,轉(zhuǎn)換呈現(xiàn)出內(nèi)容的變化結(jié)果(對象的屬性和子對象的 visibility 屬性的改變)。
play ( iDuration ) : 開始轉(zhuǎn)換。無返回值。參數(shù)見下表。
iDuration : 可選項。浮點數(shù)(Real)。 指定濾鏡作用持續(xù)的時間。默認單位為秒。
使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時間,其值在轉(zhuǎn)換的當前一個周期內(nèi)會替換 Duration 屬性的設(shè)置。但是下一次轉(zhuǎn)換會恢復(fù)使用 Duration 屬性設(shè)置的值。
stop : 停止轉(zhuǎn)換回放。并呈現(xiàn)轉(zhuǎn)換結(jié)果圖像。同時激發(fā) onfilterchange 事件。無返回值。
相關(guān)文章
Three.js+React實現(xiàn)3D開放世界小游戲
本文使用?Three.js?+?React?+?CANNON?技術(shù)棧,實現(xiàn)通過滑動屏幕控制模型在3D世界里運動的?Low?Poly?低多邊形風格小游戲,感興趣的可以了解一下2022-04-04js實現(xiàn)關(guān)閉網(wǎng)頁出現(xiàn)是否離開提示
本篇文章主要給大家?guī)硪粋€JS實用功能,監(jiān)聽瀏覽器在關(guān)閉的時候提示出是否要離開的小功能,需要的朋友學(xué)習下吧。2017-12-12CSS+Table圖文混排中實現(xiàn)文本自適應(yīng)圖片寬度(超簡單+跨所有瀏覽器)
最近在為學(xué)樂網(wǎng)開發(fā)圖片顯示功能時遇到一個問題:在一個table中有兩行,上邊顯示圖片(大小隨機),下邊顯示對圖片的相關(guān)說明(文字長度隨機)2009-02-02微信小程序chooseImage的用法(從本地相冊選擇圖片或使用相機拍照)
這篇文章主要介紹了微信小程序chooseImage的用法(從本地相冊選擇圖片或使用相機拍照),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-08-08javascript中export?和export?default的區(qū)別
本文主要介紹了javascript中export?和export?default的區(qū)別,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2022-07-07字節(jié)跳動面試之如何用JS實現(xiàn)Ajax并發(fā)請求控制
這篇文章主要給大家介紹了關(guān)于字節(jié)跳動面試之如何用JS實現(xiàn)Ajax并發(fā)請求控制的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2021-05-05