filters.revealTrans.Transition使用方法小結(jié)
更新時(shí)間:2010年08月19日 20:19:21 作者:
有看到幻燈片調(diào)用會(huì)用到divid.filters.revealTrans.Transition=Math.floor(Math.random()*23)和divid.filters.revealTrans.apply(),那么這兩個(gè)都是什么意思呢?
下面首先來看下RevealTrans的用法(可以同時(shí)打開當(dāng)鼠標(biāo)移動(dòng)到鏈接,類似幻燈片效果出現(xiàn)提示,移開也一樣這個(gè)頁鞏固下).
語法:
filter : progid:DXImageTransform.Microsoft.RevealTrans ( enabled=bEnabled , duration=fDuration , transition=iTransitionType )
示范:參考文章:
屬性:
enabled : 可選項(xiàng)。布爾值(Boolean)。設(shè)置或檢索濾鏡是否激活。true | false true : 默認(rèn)值。濾鏡激活。
false : 濾鏡被禁止。
duration : 可選項(xiàng)。浮點(diǎn)數(shù)(Real)。設(shè)置或檢索轉(zhuǎn)換完成所用的時(shí)間。其值為秒.毫秒(0.0000)格式。
你可以使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時(shí)間。然而,當(dāng)你一旦調(diào)用了 play 方法,在回放持續(xù)過程中 Duration 特性就變?yōu)橹蛔x特性。
transition : 可選項(xiàng)。整數(shù)值(Integer)。設(shè)置或檢索轉(zhuǎn)換所使用的方式。 0 : 矩形收縮轉(zhuǎn)換。
1 : 矩形擴(kuò)張轉(zhuǎn)換。
2 : 圓形收縮轉(zhuǎn)換。
3 : 圓形擴(kuò)張轉(zhuǎn)換。
4 : 向上擦除。
5 : 向下擦除。
6 : 向右擦除。
7 : 向左擦除。
8 : 縱向百葉窗轉(zhuǎn)換。
9 : 橫向百葉窗轉(zhuǎn)換。
10 : 國際象棋棋盤橫向轉(zhuǎn)換。
11 : 國際象棋棋盤縱向轉(zhuǎn)換。
12 : 隨機(jī)雜點(diǎn)干擾轉(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 : 隨機(jī)橫線條轉(zhuǎn)換。
22 : 隨機(jī)豎線條轉(zhuǎn)換。
23 : 隨機(jī)使用上面可能的值轉(zhuǎn)換。
特性:
Enabled : 可讀寫。布爾值(Boolean)。參閱 enabled 屬性。
Duration : 可讀寫。浮點(diǎn)數(shù)(Real)。參閱 duration 屬性。
Transition : 可讀寫。整數(shù)值(Integer)。參閱 transition 屬性。
Percent : 可讀寫。字符串(String)。設(shè)置或檢索當(dāng)前靜態(tài)濾鏡輸出在轉(zhuǎn)換進(jìn)程中所處的點(diǎn)。取值范圍為 0 - 100 。默認(rèn)值為 0 ,轉(zhuǎn)換尚未開始。 100 為轉(zhuǎn)換完成。
此特性可用于使用轉(zhuǎn)換濾鏡建立靜態(tài)濾鏡效果。設(shè)置其值等于定義了轉(zhuǎn)換進(jìn)程停止的點(diǎ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)程中某一點(diǎn)。這將捕獲到轉(zhuǎn)換進(jìn)程中在該點(diǎn)處的一張內(nèi)容圖像。
設(shè)置轉(zhuǎn)換濾鏡的 Enabled 特性值為 true 。則濾鏡作用的對象將依據(jù)獲取到的圖像更新其內(nèi)容。
請注意:你只能使用 visibility 屬性來改變對象的子對象。否則,對子對象的直接改變會(huì)被立即顯示出來,而不會(huì)被轉(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)用后,對象屬性的任何改變都不會(huì)被顯示,直到你調(diào)用 play 方法開始轉(zhuǎn)換。
請注意:你只能使用 visibility 屬性來改變對象的子對象。否則,對子對象的直接改變會(huì)被立即顯示出來,而不會(huì)被轉(zhuǎn)換濾鏡捕獲。
當(dāng)你調(diào)用 play 方法時(shí),轉(zhuǎn)換呈現(xiàn)出內(nèi)容的變化結(jié)果(對象的屬性和子對象的 visibility 屬性的改變)。
play ( iDuration ) : 開始轉(zhuǎn)換。無返回值。參數(shù)見下表。
iDuration : 可選項(xiàng)。浮點(diǎn)數(shù)(Real)。 指定濾鏡作用持續(xù)的時(shí)間。默認(rèn)單位為秒。
使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時(shí)間,其值在轉(zhuǎn)換的當(dāng)前一個(gè)周期內(nèi)會(huì)替換 Duration 屬性的設(shè)置。但是下一次轉(zhuǎn)換會(huì)恢復(fù)使用 Duration 屬性設(shè)置的值。
stop : 停止轉(zhuǎn)換回放。并呈現(xiàn)轉(zhuǎn)換結(jié)果圖像。同時(shí)激發(fā) onfilterchange 事件。無返回值。
語法:
filter : progid:DXImageTransform.Microsoft.RevealTrans ( enabled=bEnabled , duration=fDuration , transition=iTransitionType )
示范:參考文章:
屬性:
enabled : 可選項(xiàng)。布爾值(Boolean)。設(shè)置或檢索濾鏡是否激活。true | false true : 默認(rèn)值。濾鏡激活。
false : 濾鏡被禁止。
duration : 可選項(xiàng)。浮點(diǎn)數(shù)(Real)。設(shè)置或檢索轉(zhuǎn)換完成所用的時(shí)間。其值為秒.毫秒(0.0000)格式。
你可以使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時(shí)間。然而,當(dāng)你一旦調(diào)用了 play 方法,在回放持續(xù)過程中 Duration 特性就變?yōu)橹蛔x特性。
transition : 可選項(xiàng)。整數(shù)值(Integer)。設(shè)置或檢索轉(zhuǎn)換所使用的方式。 0 : 矩形收縮轉(zhuǎn)換。
1 : 矩形擴(kuò)張轉(zhuǎn)換。
2 : 圓形收縮轉(zhuǎn)換。
3 : 圓形擴(kuò)張轉(zhuǎn)換。
4 : 向上擦除。
5 : 向下擦除。
6 : 向右擦除。
7 : 向左擦除。
8 : 縱向百葉窗轉(zhuǎn)換。
9 : 橫向百葉窗轉(zhuǎn)換。
10 : 國際象棋棋盤橫向轉(zhuǎn)換。
11 : 國際象棋棋盤縱向轉(zhuǎn)換。
12 : 隨機(jī)雜點(diǎn)干擾轉(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 : 隨機(jī)橫線條轉(zhuǎn)換。
22 : 隨機(jī)豎線條轉(zhuǎn)換。
23 : 隨機(jī)使用上面可能的值轉(zhuǎn)換。
特性:
Enabled : 可讀寫。布爾值(Boolean)。參閱 enabled 屬性。
Duration : 可讀寫。浮點(diǎn)數(shù)(Real)。參閱 duration 屬性。
Transition : 可讀寫。整數(shù)值(Integer)。參閱 transition 屬性。
Percent : 可讀寫。字符串(String)。設(shè)置或檢索當(dāng)前靜態(tài)濾鏡輸出在轉(zhuǎn)換進(jìn)程中所處的點(diǎn)。取值范圍為 0 - 100 。默認(rèn)值為 0 ,轉(zhuǎn)換尚未開始。 100 為轉(zhuǎn)換完成。
此特性可用于使用轉(zhuǎn)換濾鏡建立靜態(tài)濾鏡效果。設(shè)置其值等于定義了轉(zhuǎn)換進(jìn)程停止的點(diǎ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)程中某一點(diǎn)。這將捕獲到轉(zhuǎn)換進(jìn)程中在該點(diǎn)處的一張內(nèi)容圖像。
設(shè)置轉(zhuǎn)換濾鏡的 Enabled 特性值為 true 。則濾鏡作用的對象將依據(jù)獲取到的圖像更新其內(nèi)容。
請注意:你只能使用 visibility 屬性來改變對象的子對象。否則,對子對象的直接改變會(huì)被立即顯示出來,而不會(huì)被轉(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)用后,對象屬性的任何改變都不會(huì)被顯示,直到你調(diào)用 play 方法開始轉(zhuǎn)換。
請注意:你只能使用 visibility 屬性來改變對象的子對象。否則,對子對象的直接改變會(huì)被立即顯示出來,而不會(huì)被轉(zhuǎn)換濾鏡捕獲。
當(dāng)你調(diào)用 play 方法時(shí),轉(zhuǎn)換呈現(xiàn)出內(nèi)容的變化結(jié)果(對象的屬性和子對象的 visibility 屬性的改變)。
play ( iDuration ) : 開始轉(zhuǎn)換。無返回值。參數(shù)見下表。
iDuration : 可選項(xiàng)。浮點(diǎn)數(shù)(Real)。 指定濾鏡作用持續(xù)的時(shí)間。默認(rèn)單位為秒。
使用 play 方法的 iDuration 參數(shù)設(shè)置轉(zhuǎn)換回放的持續(xù)時(shí)間,其值在轉(zhuǎn)換的當(dāng)前一個(gè)周期內(nèi)會(huì)替換 Duration 屬性的設(shè)置。但是下一次轉(zhuǎn)換會(huì)恢復(fù)使用 Duration 屬性設(shè)置的值。
stop : 停止轉(zhuǎn)換回放。并呈現(xiàn)轉(zhuǎn)換結(jié)果圖像。同時(shí)激發(fā) onfilterchange 事件。無返回值。
相關(guān)文章
Three.js+React實(shí)現(xiàn)3D開放世界小游戲
本文使用?Three.js?+?React?+?CANNON?技術(shù)棧,實(shí)現(xiàn)通過滑動(dòng)屏幕控制模型在3D世界里運(yùn)動(dòng)的?Low?Poly?低多邊形風(fēng)格小游戲,感興趣的可以了解一下2022-04-04js實(shí)現(xiàn)關(guān)閉網(wǎng)頁出現(xiàn)是否離開提示
本篇文章主要給大家?guī)硪粋€(gè)JS實(shí)用功能,監(jiān)聽瀏覽器在關(guān)閉的時(shí)候提示出是否要離開的小功能,需要的朋友學(xué)習(xí)下吧。2017-12-12CSS+Table圖文混排中實(shí)現(xiàn)文本自適應(yīng)圖片寬度(超簡單+跨所有瀏覽器)
最近在為學(xué)樂網(wǎng)開發(fā)圖片顯示功能時(shí)遇到一個(gè)問題:在一個(gè)table中有兩行,上邊顯示圖片(大小隨機(jī)),下邊顯示對圖片的相關(guān)說明(文字長度隨機(jī))2009-02-02微信小程序chooseImage的用法(從本地相冊選擇圖片或使用相機(jī)拍照)
這篇文章主要介紹了微信小程序chooseImage的用法(從本地相冊選擇圖片或使用相機(jī)拍照),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08文本框中禁止非數(shù)字字符輸入比如手機(jī)號碼、郵編
總是遇到很多禁止非數(shù)字字符輸入的文本框,比如手機(jī)號碼了 郵編了于是下面為大家介紹下如何禁止,感興趣的朋友可以了解下2013-08-08判斷是否安裝flash player及當(dāng)前版本的JS代碼
本文為大家講述下如何使用jsJS判斷是否安裝flash player及版本,下面的處理代碼或許對大家有所幫助,感興趣的朋友可以參考下,希望對大家有所幫助2013-08-08javascript中export?和export?default的區(qū)別
本文主要介紹了javascript中export?和export?default的區(qū)別,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07字節(jié)跳動(dòng)面試之如何用JS實(shí)現(xiàn)Ajax并發(fā)請求控制
這篇文章主要給大家介紹了關(guān)于字節(jié)跳動(dòng)面試之如何用JS實(shí)現(xiàn)Ajax并發(fā)請求控制的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05