filters.revealTrans.Transition使用方法小結(jié)
語(yǔ)法:
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ù)過(guò)程中 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 : 國(guó)際象棋棋盤橫向轉(zhuǎn)換。
11 : 國(guó)際象棋棋盤縱向轉(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 方法。這將捕獲對(duì)象內(nèi)容的初始顯示,設(shè)置 Percent 特性值為 0 。
改變對(duì)象內(nèi)容。如 visibility , innerText , background-color , border ,或者其子對(duì)象的屬性。
設(shè)置轉(zhuǎn)換濾鏡的 Percent 特性。即確定你希望的轉(zhuǎn)換進(jìn)程中某一點(diǎn)。這將捕獲到轉(zhuǎn)換進(jìn)程中在該點(diǎn)處的一張內(nèi)容圖像。
設(shè)置轉(zhuǎn)換濾鏡的 Enabled 特性值為 true 。則濾鏡作用的對(duì)象將依據(jù)獲取到的圖像更新其內(nèi)容。
請(qǐng)注意:你只能使用 visibility 屬性來(lái)改變對(duì)象的子對(duì)象。否則,對(duì)子對(duì)象的直接改變會(huì)被立即顯示出來(lái),而不會(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 : 捕獲對(duì)象內(nèi)容的初始顯示,為轉(zhuǎn)換做必要的準(zhǔn)備。無(wú)返回值。
當(dāng)此方法一旦被調(diào)用后,對(duì)象屬性的任何改變都不會(huì)被顯示,直到你調(diào)用 play 方法開始轉(zhuǎn)換。
請(qǐng)注意:你只能使用 visibility 屬性來(lái)改變對(duì)象的子對(duì)象。否則,對(duì)子對(duì)象的直接改變會(huì)被立即顯示出來(lái),而不會(huì)被轉(zhuǎn)換濾鏡捕獲。
當(dāng)你調(diào)用 play 方法時(shí),轉(zhuǎn)換呈現(xiàn)出內(nèi)容的變化結(jié)果(對(duì)象的屬性和子對(duì)象的 visibility 屬性的改變)。
play ( iDuration ) : 開始轉(zhuǎn)換。無(wú)返回值。參數(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 事件。無(wú)返回值。
相關(guān)文章
Three.js+React實(shí)現(xiàn)3D開放世界小游戲
本文使用?Three.js?+?React?+?CANNON?技術(shù)棧,實(shí)現(xiàn)通過(guò)滑動(dòng)屏幕控制模型在3D世界里運(yùn)動(dòng)的?Low?Poly?低多邊形風(fēng)格小游戲,感興趣的可以了解一下2022-04-04js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開提示
本篇文章主要給大家?guī)?lái)一個(gè)JS實(shí)用功能,監(jiān)聽瀏覽器在關(guān)閉的時(shí)候提示出是否要離開的小功能,需要的朋友學(xué)習(xí)下吧。2017-12-12CSS+Table圖文混排中實(shí)現(xiàn)文本自適應(yīng)圖片寬度(超簡(jiǎn)單+跨所有瀏覽器)
最近在為學(xué)樂(lè)網(wǎng)開發(fā)圖片顯示功能時(shí)遇到一個(gè)問(wèn)題:在一個(gè)table中有兩行,上邊顯示圖片(大小隨機(jī)),下邊顯示對(duì)圖片的相關(guān)說(shuō)明(文字長(zhǎng)度隨機(jī))2009-02-02微信小程序chooseImage的用法(從本地相冊(cè)選擇圖片或使用相機(jī)拍照)
這篇文章主要介紹了微信小程序chooseImage的用法(從本地相冊(cè)選擇圖片或使用相機(jī)拍照),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08文本框中禁止非數(shù)字字符輸入比如手機(jī)號(hào)碼、郵編
總是遇到很多禁止非數(shù)字字符輸入的文本框,比如手機(jī)號(hào)碼了 郵編了于是下面為大家介紹下如何禁止,感興趣的朋友可以了解下2013-08-08判斷是否安裝flash player及當(dāng)前版本的JS代碼
本文為大家講述下如何使用jsJS判斷是否安裝flash player及版本,下面的處理代碼或許對(duì)大家有所幫助,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08javascript中export?和export?default的區(qū)別
本文主要介紹了javascript中export?和export?default的區(qū)別,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07字節(jié)跳動(dòng)面試之如何用JS實(shí)現(xiàn)Ajax并發(fā)請(qǐng)求控制
這篇文章主要給大家介紹了關(guān)于字節(jié)跳動(dòng)面試之如何用JS實(shí)現(xiàn)Ajax并發(fā)請(qǐng)求控制的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05初步使用bootstrap快速創(chuàng)建頁(yè)面
初步嘗試使用Express搭建了一個(gè)Web框架,那么接下來(lái)就是要在該框架下寫上自己的頁(yè)面,快速創(chuàng)建頁(yè)面這里選擇了bootstrap前端框架,通過(guò)它即使你不太懂前端設(shè)計(jì),寫出來(lái)的頁(yè)面也不會(huì)太難看,感興趣的小伙伴們可以參考一下2016-03-03