




下載本文檔
版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
1、關于此手冊Introduction To This Book手冊說明:本手冊是 Rainer's DHTML Library產品的一部分。本手冊針對的是已有一定網頁設計制作經驗的讀者。其目的是提供完整清晰的樣式濾鏡的快速索引及進階幫助。 所以對于網頁制作和樣式表的基礎知識,僅簡單介紹,恕不贅述。本手冊以瀏覽器的事實標準Internet Explorer 為主。手冊中為所有的濾鏡,除了基本的語法示范外,都度身制作了可以對照源代碼即時察看運行演示的實例。本手冊的升級信息與版權聲明請參閱關于本書頁面。本書中涉及到的所有 HTMLM象(Object , Element) , HTMLW住(At
2、tributes) 和 特性(Properties) 請參閱我的相關著作。End User License Agreement 最終用戶許可協議重要須知:本最終用戶許可協議(以下稱協議)是您(個人或單一實體)與蘇昱之間有關蘇昱之作品的法律協議。本作品包括計算機軟件,并可能包括相關媒體、印刷材料,電子文檔,圖片。還包括對蘇昱提供給您的原作品的任何更新和補充資料。您一 旦安裝、復制、下載、訪問或以其它方式使用本作品,即表示您同意接受本協議 各項條款的約束。如您不同意本協議中的條款,請不要安裝或使用本作品。協議條款:本作品受著作權法及國際著作權條約和其它知識產權法和條約的保護。本作品(包括但不限于本
3、作品中所含的任何圖象、照片、動畫、錄像、錄音、音 樂、文字和附加程序)、隨附的印刷材料、及本作品的任何副本的產權和著作權,均 由蘇昱或相關作者擁有本協議授予您下列權利:您可以安裝、使用、訪問、顯示、運行本作品。您 可以保留多份副本,可以自由傳播本作品。上述權利不適用于您的任何商業行為或商業用途。否則您務必與蘇昱聯系。蘇昱不為本"軟件產品"做任何擔保。本"軟件產品”及任何相關文檔以“即此"形式 提供,無任何明示的或暗示的擔保,包括(但不限于)對可銷售性、適用性、或無侵 權的暗示擔彳0使用本"軟件產品”所引起的全部風險由您自己承擔。本協議未明示授予
4、的一切其它權利均為蘇昱或相關作者所有。對于此處所指的其他權利,如篡改、反編譯、改編、引用、拆解(破壞本作品原始完整性)等,同樣請 您務必與蘇昱先行聯系。如您未遵守本協議的各項條款和條件,在不損害其它權利的情況下,蘇昱可 終止本協議。如此類情況發生,您必須銷毀本作品的所有副本及其所有組成部分。 蘇昱保留對本產品及本協議的最終修改權。filters 版本:DHTML Object Model 數組集合語法:Scripting oColl = object.filtersScripting oObject = object.filters ( vIndex , iSubIndex )取值:vInde
5、x : 必選項。整數值(Integer) | 字符串(String)如果此參數使用的是整數值,則返回數組中的整數序號等于此參數值的要素。如此參數值等于0則返回數組中的第一個要素。如果此參數值使用的是字符串值,則返回數組中所有name或id屬性等于此參數值 的要素。假如符合條件的要素數目多于一個,則返回的將是一個數組。iSubIndex :可選項。整數值(Integer) 。當vIndex 參數值為 字符串時,數組中所有 name或id 屬性等于vIndex 的要素將被作為一個數組獲取,而此參數值便用于指定返回此數組中的整數序號等于此參數值的要素。返回值:oColl : 數組(Array)。返回
6、作用于object的濾鏡集合。oObject :對象(Object)。返回對被object 包含的要素數組中的一個項目的引用。說明:獲取作用于object的濾鏡集合。AlphalmageLoader 兼容性:IE5.5+語法:eLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )說明:在對象容器邊界內,在對象的背景和內容之間顯示一張圖片。并提供對此圖片的剪切和改變尺寸的操作。如果載入的是 PNG(Portable Network Graphics)格式,則0%-100% 的透明度也被提供。PNG(Portable Network
7、 Graphics)格式的圖片的透明度不妨礙你選擇文本。也就是說,你可以選擇顯示在 PNG(Portable Network Graphics)格式的圖片完全透明區域后面的內容。示例:n1977.gif',sizingMethod='scale');Gradient 兼容性:IE5.5+語法:,endColorStr=iWidth )說明:在對象的背景和內容之間顯示定制的色彩層。當此效果通過轉變顯示時,在漸變冊色彩層之上的文本程序性的初始化為透明的,當色彩漸變實現后,文本顏色會以其定義的值更新。示例:#idDivposition:absolute; left:140px
8、; height:4Alpha 兼容性:IE4.0+語法:Scripting object.style說明:調整對象內容的透明度。你可以設置整體透明度,或線性漸變和放射漸變的透明度。示例:#idDivposition:aBasicImage 兼容性:IE5.5+語法:mirror=bMirror , opacity=fOpacity , XRay=bXRay )說明:用于色彩處理,圖像旋轉,或對象內容的透明度。當此效果通過轉變顯示時,在漸變冊色彩層之上的文本程序性的初始化為透明的,當色彩漸變實現后,文本顏色會以其定義的值更新。示例:#idDivpositionBlur 兼容性:IE5.5+語法
9、:說明:制作對象內容的模糊效果。示例: akeshadow='true', ShadowOpacity=1.0); Chroma 兼容性:IE4.0+ 語法:CSS filter : progid:DXImageTransform.Microsoft.Chroma ( enabled=bEnabled , color=sColor ) 說明:將對象中指定的顏色顯示為透明。不建議在8位到24位抖動的圖片文件上使用此濾鏡。例如保存時會抖動和壓縮的JPEG格式圖片文件,應用此濾鏡,其結果會很難看。此效果在羽化(柔化色彩以同周圍相鄰的顏色平和的過渡)的線條等處也不會很好的 作用。確定的
10、color參數值可能會導致圖片自身的透明顏色變為不透明。 示例:#idDivposition:absolute; leftCompositor 兼容性:IE5.5+語法: 說明:依據初始對象和新對象色彩的特定混合方式顯示新的對象內容。這個濾鏡提供了豐富的將輸入對象的色彩和透明度相互作用的圖像合成的功能設置。 要建立轉換濾鏡,遵循下列步驟:1 .選擇一個功能(function )。2 .設置對象的合成濾鏡(filter )的屬性聲明。3 .確定濾鏡對象初始顯示的內容。合成功能將此作為輸入 A o4 .使用合成濾鏡的apply 方法。捕獲對象內容的初始顯示,為轉換做必要的準備。5 . 改變對象的屬
11、性, 如 visibility , innerText , background-color , border ,或者其子對象的屬性。合成功能將此作為輸入6 .使用合成濾鏡的play方法。這會將合成功能輸出的圖像變化顯示出來。示例:DropShadow 兼容性:IE4.0+語法:說明:制作對象的陰影效果。示例:#idDivposition:absolute;left:140px;height:400;width:400;filter:progid:DXImEmboss 兼容性:IE5.5+語法:)"說明:用灰度值為對象內容制作浮雕紋理效果。示例:Engrave 兼容性:IE5.5+語
12、法:nabled , Bias=fBias )說明:用灰度值為對象內容制作浮雕紋理效果。示例:bled='false') ; Glow 兼容性:IE4.0+ 語法:說明:環繞對象內容邊緣添加輝光制作發熱效果。輝光將出現在對象邊界內的內容的最外輪廓之外。_ 假如對象內有文本而無背景(background )和圖片,則每個文本字符將會被輝光 環繞。_ 假如對象內有背景(background )或圖片,則整個對象容器會被輝光環繞。假如對象的子對象定位超出了對象邊界,則僅僅在對象容器內的內容會被輝光環繞。示例:#idDivposition:absolute;left:140px;hei
13、ght:400; width:400;filter:glow(Color=blue,Strength=5) ; #idDivposition:absolute;left:140px; height:400; width:400;filter:glow(color=#000000) ; Light 兼容性:IE4.0+語法:說明:為對象的內容建立光照效果。你可以控制光源的虛擬位置,還可以控制光焦點的橫縱坐標值。以及光的類型和強度。每個濾鏡最多可以添加10束光。要想在頁面上添加更多的光,你必須使用多個濾鏡。當每束光被建立后,都有默認的環境光與之關聯。 你添加到對象的第一束光會替換掉它的默認的環境光
14、。示例:.aFilter background-color: #FFFFFF; filter:light();color:cyan;width:150;MaskFilter 兼容性:IE4.0+語法: 說明:將對象內容的透明像素用 color參數指定的顏色顯示作為一個遮罩,而非透明像素則轉為透明。使用BasicImage濾鏡能夠更有效率的實現這一效果。示例:DIV.aFilter filter:mask(color=#008800); width: 100;Matrix 兼容性:IE5.5+語法:ype=sType , Dx=fDx , Dy=fDy , M11=fM11 , M12=fM12
15、 , M21=fM21 , M22=fM22 )說明:使用矩陣變形實現對象內容的改變尺寸、旋轉、上下或左右反轉。使用此濾鏡可以建立下列效果:7 .左右反轉。將M11和M12的值取負。8 .上下反轉。將M21和M22的值取負。9 .改變尺寸。將 M11和M12和M21和M22的值乘以相同的因數。對象內容尺寸會按比例增大或縮小。使用padding屬性能夠使最終圖像邊角被剪切的機會降到最小。示例:#idDivpositMotionBlur 兼容性:IE4.0+語法:ge , direction=iOffset , strength=iDistance )說明: 為對象內容制作運動模糊效果0示例:);
16、Shadow兼容性:IE4.0+語法:nce )說明:為對象內容建立陰影效果。示例:#oDIV filter:progid:DXImageTransform.Microsoft.Shadow(Strength=10,Direction=45, color=blue);Wave兼容性:IE4.0+語法:Scri說明:為對象內容建立波紋扭曲效果。示例:ue);ICMFilter 兼容性:IE5.5+語法:說明:根據顏色配置文件(.icm)轉換對象的色彩內容。這樣能激活對某些細節內容的顯示改 良,或對硬件設備輸出的模擬顯示。像打印機或顯示器。通過根據要顯示內容的類型匹配恰當的Intent特性值可以改
17、善內容顯示或打印的質量。例如,當你打印時,可以設置 Intent 特性值為Graphic從而確保顏色對比 度的恰當。較高的對比度能夠使打印出的內容清晰易讀要模擬硬件設備的色彩輸出,你必須定位硬件設備的顏色配置文件(.icm),假如制造商提供了這個文件。將這個顏色配置文件(.icm)的路徑和名稱指給 ColorSpace特性,并且對硬件裝置要使用的內容應用此濾鏡。顏色配置文件(.icm)為你的顯示器定義了內容的顏色與顯示器標準顏色的偏差。這樣濾鏡顯示就可以模擬其他硬件設備的輸出。 示例:Gray 兼容性:IE4.0+語法:CSS filter : Gray ( enabled=bEnabled
18、)Scripting object.style.filter = "Gray ( sProperties )"說明:灰度顯示對象內容。使用BasicImage 濾鏡可以更有效率的建立效果。示例:#idDiv height:250px; width:250px; filter:Gray(); Invert 兼容性:IE4.0+語法:CSS filter : Invert ( enabled=bEnabled )operties )"說明:反相顯示對象內容。使用BasicImage 濾鏡可以更有效率的建立效果。示例:#idDiv height:250px; width
19、:250px; filter:Invert();Xray 兼容性:IE4.0+語法:CSS filter : Xray ( enabled=bEnabled )說明:以X光效果顯不對象內容。使用BasicImage 濾鏡可以更有效率的建立效果。示例:#idDiv height:250px; width:250px; filter:Xray();FlipH 兼容性:IE4.0+語法:CSS filter : FlipH ( enabled=bEnabled )說明:水平翻轉對象內容。使用BasicImage 濾鏡可以更有效率的建立效果。示例:#idDiv height:250px; width:
20、250px; filter:FlipH();FlipV 兼容性:IE4.0+語法:CSS filter : FlipV ( enabled=bEnabled )說明:垂直翻轉對象內容。使用BasicImage 濾鏡可以更有效率的建立效果。示例:#idDiv height:250px; width:250px; filter:FlipV();Redirect兼容性:無說明:目前未被支持。Barn 兼容性:IE5.5+語法:說明:用模擬開關門效果轉換對象內容。示例:BlendTrans 兼容性:IE4.0+語法:CSS filter : BlendTrans ( enabled=bEnabled
21、, duration=fDuration )說明:用漸隱效果轉換對象內容。使用BasicImage 濾鏡可以更有效率的建立效果。示例:#idDiv height:250px; width:250px; background-color:gold;filter:BlendTrans(duration=5); Blinds 兼容性:IE5.5+ 語法:CSS filte說明:用百葉窗開關效果轉換對象內容。示例:#idDiv filtCheckerBoard 兼容性:IE5.5+語法:on )說明:用類似國際象棋棋盤的網格推拉效果轉換對象內容。示例:ion=5, direction='lef
22、t'); Fade 兼容性:IE5.5+語法:說明: 用漸隱效果轉換對象內容。示例:GradientWipe 兼容性:IE5.5+語法:uration=fDuration , gradientSize=fGradientWidth , motion=sMotion )說明:用滾動漸隱效果轉換對象內容。示例:#idDivheight:250px; width:250px; background-color: orange; filteInset 兼容性:IE5.5+語法:說明:用對角擴張效果轉換對象內容。示例:Iris 兼容性:IE5.5+語法:d=bEnabled , duration
23、=fDuration , irisStyle=sShape , motion=sMotion )說明:用特殊形狀剪切輪廓擴張或收縮顯示效果轉換對象內容。示例:#idDiv height:250px; width:250px; background-color: gold;Pixelate 兼容性:IE5.5+語法:說明:這個轉換濾鏡是一個復雜的視覺效果。在轉換的前半段,對象內容先顯示為矩形色塊拼貼,然后矩形的寬度由一個像素增加至MaxSquare屬性所設置的值。每個矩形的顏色由其所覆蓋區域的像素的顏色平均值決定。接下來的轉換的后半段,矩形被還原為新內容具體的圖像像素,顯示出新的內容。在使用此轉
24、換濾鏡前設置此濾鏡的Enabled特性值為false。這將預防在轉換發生前彩色拼貼效果的靜態濾鏡先在對象內容上發生作用。示例:RadialWipe 兼容性:IE5.5+語法:uration=fDuration ,wipeStyle=sStyle )說明:用放射狀擦除效果轉換對象內容。效果類似汽車擋風玻璃的刮雨刀。示例:#idDivheight:250px;width:250px;background-color:orange;filter:progid:DXImagRandomBars 兼容性:IE5.5+語法:說明:用隨機發生的線條轉換對象內容。示例:RandomDissolve 兼容性:I
25、E5.5+語法:CSS filter : progid:DXImag說明:用隨機像素溶解效果轉換對象內容。示例:#idDiv height:250px; width:250px; background-coloRevealTrans 兼容性:IE5.5+語法:CSS filter : RevealTrans ( enabled=bEnabled , duration=fDurationtransition=iTransitionType )說明:提供了 24種轉換對象內容的效果。示例:Slide 兼容性:IE5.5+ 語法:fDuration , bands=iBands , slideSty
26、le=sslideStyle )說明:用滑條抽離效果轉換對象內容。示例:Spiral 兼容性:IE5.5+語法: 說明:用矩形螺旋方式轉換對象內容示例:Stretch 兼容性:IE5.5+語法:ed=bEnabled , duration=fDuration , stretchStyle=sStretchStyle )說明:用拉伸(縮)變形效果轉換對象內容。示例:#idDivheight:250px; width:250px; background-color: orange; filter:proStrips 兼容性:IE5.5+語法:soft.Strips ( sProperties )”
27、說明:用鋸齒邊覆蓋效果轉換對象內容。示例:Wheel 兼容性:IE5.5+ 語法:enabled=bEnabled , duration=fDuration , spokes=iSpokes )說明: 用風車葉輪旋轉效果轉換對象內容。示例:#idDivheight:250px;width:250px;background-color:orange;filter:progid:DXImaZigzag 兼容性:IE5.5+ 語法: 說明: 用類似擦地板的效果轉換對象內容。返回值:無示例:addAmbient 版本:DHTML Object Model語法:參數:iRed必選項。整數值(Intege
28、r)指定紅色值。取值范圍為 0 - 255iGreen必選項。整數值(Integer)指定綠色值。取值范圍為 0 - 255iBlue必選項。整數值(Integer)指定藍色值。取值范圍為 0 - 255iStrength必選項。整數值(Integer)指定光強度。取值范圍為 0 - 100。返回值:說明:為 Light濾鏡添加環境光(Ambient Light )環境光是無方向的,并且均勻的灑在頁面的表面。環境光有顏色和強度值, 可以為對象田家更多的顏色。 它通常和其他光起使用。addCone版本:DHTML Object Model 返回值:無 語法:Scriptingobject.參數:
29、iX1必選項。整數值(Integer)指定光源的左坐標值。iY1必選項。整數值(Integer)指定光源的上坐標值。iZ1必選項。整數值(Integer)指定光源的Z坐標值。iX2必選項。整數值(Integer)指定光焦點的左坐標值。iY2必選項。整數值(Integer)指定光焦點的上坐標值。iRed必選項。整數值(Integer)指定紅色值。取值范圍為 0 - 255iGreen必選項。整數值(Integer)。指定綠色值。取值范圍為 0 - 255iBlue必選項。整數值(Integer)指定藍色值。取值范圍為 0 - 255iStrength必選項。整數值(Integer)。指定光強度。
30、取值范圍為0 - 100iSpread必選項。整數值(Integer)O指定光源的虛擬位置與對象的表面之間的角度或張度取值范圍為 0 - 90返回值:說明:為Light濾鏡添加錐形光(Cone Light)以向對象的表面投射有方向的光束。光束會隨延伸的距離而逐漸減弱。addPoint 版本:DHTML Object Model返回值:無語法:').addPoint (iX , iY , iZ , iRed , iGreen , iBlue , iStrength )參數:iX :必選項整數值(Integer)指定光源的左坐標值。iY :必選項整數值(Integer)指定光源的上坐標值。
31、iZ必選項整數值(Integer)指定光源的Z坐標值。iRed必選項。整數值(Integer)。指定紅色值。取值范圍為0 - 255iGreen :必選項。整數值(Integer)。指定綠色值。取值范圍為0 - 255。iBlue :必選項。整數值(Integer)。指定藍色值。取值范圍為0 - 255。iStrength :必選項。整數值(Integer)。指定光強度。取值范圍為0 - 100。返回值:無說明:為Light 濾鏡添加點光(Point Light) 。apply 版本:DHTML Object Model 返回值:無語法:oft.sFilterName').apply
32、()參數:無返回值:無說明:捕獲對象內容的初始顯示,為轉換做必要的準備。無返回值。當此方法一旦被調用后,對象屬性的任何改變都不會被顯示,直到你調用play 方法開始轉換。請注意:你只能使用visibility 屬性來改變對象的子對象。否則,對子對象的直接改變會被立即顯示出來,而不會被轉換濾鏡捕獲。當你調用play 方法時,轉換呈現出內容的變化結果(對象的屬性和子對象的visibility 屬性的改變)。changeColor 版本:DHTML Object Model 返回值:無語法: 參數:iLightNumber : 必選項。整數值(Integer)。指定光的標識符。此數值依據光被添加的順
33、序編號。如第一個被添加的光的標識符就等于0。iRed:必選項。整數值(Integer)。指定紅色值。取值范圍為0 - 255。iGreen :必選項。整數值(Integer)。指定綠色值。取值范圍為 0 - 255。iBlue:必選項。整數值(Integer)。指定藍色值。取值范圍為0 - 255。fAbsolute : 必選項。布爾值(Boolean)。指定改變是替換當前設置的絕對值,還是加到當前設置的相對值。此參數不等于零表示采用絕對值。否則表示采用相對值false :指定改變是增加到當前設置的相對值。true :指定改變是替換當前設置的絕對值。返回值:無說明:改變Light濾鏡的光的顏色
34、。changeStrength 版本:DHTML Object Model 返回值:無語法:參數:iLightNumber : 必選項。整數值(Integer)。指定光的標識符。此數值依據光被添加的順序編號。如第一個被添加的光的標識符就等于0。iStrength : 必選項。整數值(Integer)。指定光強度。取值范圍為 0 - 100fAbsolute : 必選項。布爾值(Boolean)。指定改變是替換當前設置的絕對值,還是加到當前設置的相對值。此參數不等于 0表示采用絕對值。否則表示采用相對 值。false指定改變是增加到當前設置的相對值0true指定改變是替換當前設置的絕對值0返回值
35、:無說明:改變Light 濾鏡的光的強度。clear 版本:DHTML Object Model返回值:無語法:參數:無返回值:無說明:清除所有與當前Light濾鏡關聯的光。elementimage 版本:DHTML Object Model 返回值:無說明:返回 DAImage(Direct Animation Image) 對象。目前未被支持。item 版本:DHTML Object Model 返回值:有語法:Scripting oitem = object . item ( vindex )參數:vindex : 必選項。整數值(integer) | 字符串(String)如果此參數使
36、用的是整數值,則返回數組中的整數序號等于此參數值的對象。如此參數值等于0則返回數組中的第一個對象。如果此參數值使用的是字符串值,則返回數組中所有name或id屬性等于此參數值 的對象。假如符合條件的對象數目多于一個,則返回的將是一個數組。返回值:oltem :必選項。對象(Object)。假如成功返回獲取到的對象或數組。否則返回null 0說明:從filters集合或其他集合中返回符合條件的對象。示例:oDiv.filters.item(0).clear();moveLight 版本:DHTML Object Model 返回值:無語法:參數:iLightNumber : 必選項。整數值(In
37、teger)。指定光的標識符。此數值依據光被添加的順序編號。如第一個被添加的光的標識符就等于0。iX : 必選項。整數值(Integer)。指定光源的左坐標值。iY : 必選項。整數值(Integer)。指定光源的上坐標值。iZ : 必選項。整數值(Integer)。指定光源的Z坐標值。fAbsolute :必選項。布爾值(Boolean)。指定改變是替換當前設置的絕對值,還是加到當前設置的相對值。此參數不等于 0表示采用絕對值。否則表示采用相對值。false :指定改變是增加到當前設置的相對值。true :指定改變是替換當前設置的絕對值。返回值:無說明:移動錐形光(Cone Light)的焦
38、點或點光(Point Light) 的原點。對于錐形光來說,止匕方法改變x,y目標坐標值;對于點光來說,此方法改變x,y,z 源坐標值。 此方法不作用于環境光namedItem版本:DOM1返回值:有語法:Scripting oltem = object . namedItem ( sName )參數:sName : 必選項。字符串(String)。返回值:oltem : 對象(Object)或數組(Array)。如果不成功返回 null 。說明:返回集合中name屬性值或id屬性值等于sName的對象或一組對象的集合。此方法先在集合中搜尋id屬性值等于sName的對象,如果沒有找到,再搜尋n
39、ame屬性值等于sName的對象。但只獲取本身擁有name屬性和id 屬性的對象。使用自定義(expando )的name屬性的對象不會被獲取。play 版本:DHTML Object Model 返回值:無語法:參數:iDuration : 可選項。浮點數(Real)。指定濾鏡作用持續的時間。默認單位為秒(s)。返回值:無說明:開始轉換。使用play方法的iDuration參數設置轉換回放的持續時間,其值在轉換的當前一個周期內會替換 Duration 屬性的設置。但是下一次轉換會恢復使用Duration 屬性 設置的值stop 版本:DHTML Object Model 返回值:無語法:參數
40、:無返回值:無說明:停止轉換回放。并呈現轉換結果圖像。同時激發 onfilterchange 事件。add | Add 版本:DHTML Object Model 讀/ 寫語法:取值:bAddImage : 布爾值(Boolean) 。true | falsetrue:濾鏡作用圖像覆蓋原始圖像。false :默認值。只顯示濾鏡作用圖像。說明:設置或檢索濾鏡作用圖像是否覆蓋原始圖像。bands | bands 版本:DHTML Object Model 讀/ 寫語法:.bands = iBands取值:iBands : 整數值(Integer)。取值范圍為1 - 100。此屬性無默認值。以下為例
41、外:Blinds10Slide1說明:此屬性作用于下列濾鏡有不同的作用:Blinds:設置或檢索濾鏡效果中有多少條百葉窗的窗格出現。Slide:設置或檢索濾鏡效果中有多少滑條被抽離。Bias | Bias 版本:DHTML Object Model 讀/寫語法:CSS filter : pr取值:fBias : 浮點數(Float)。取值范圍為-1.0 - 1.0 。默認值為0.7 。說明:設置或檢索添加到濾鏡結果的每種顏色組分的值的百分比。大的此屬性值產生高亮濾光效果。高對比度的圖片受濾鏡的影響較小。cancelBubble 版本:DHTML Object Model 讀/寫語法:Scrip
42、ting event . cancelBubble = bCancel取值:bCancel : 布爾值(Boolean)。false | truefalse :默認值。激活事件冒泡。允許在事件處理層次結構中的下一個事件處理者接收到事件。true :禁止事件冒泡。阻止在層次結構中的下一個事件處理者接收到事件。說明: 設置或檢索當前事件是否允許在事件處理層次結構中向上冒泡。使用此屬性取消一個事件的冒泡不會影響其后繼事件。colorSpace | ColorSpace 版本:DHTML Object Model 讀/ 寫 語法:orSpace = sPathFilename取值:sPathFilen
43、ame : 字符串(String) 。sFile | sRGBsFile : 默認值。確定顏色配置文件(.icm)的路徑和名稱。sRGB : 確定標準顏色空間。說明:設置或檢索顏色配置文件(.icm)的路徑和名稱。如果顏色配置文件(.icm)被指定,濾 鏡輸出將模擬使用此顏色配置文件(.icm)的硬件設備的輸出。顏色配置文件(.icm)為硬件裝置定義了色彩內容與sRGB標準的映射比較。示例:#iColor | Color 版本:DHTML Object Model 讀/ 寫語法:取值:sColor : 字符串(String)。其格式為#RRGGBR RR、GG、BB為十六進制 正整數。取值范圍
44、為 00 - FF 。 RR指定紅色值,GG指定綠色值,BB指定藍色 值。說明:設置或檢索Shadow濾鏡作用的顏色值。color | Color 版本:DHTML Object Model 讀/寫 語法:CSS filter : progid:DXImageT取值:sColor : 字符串(String) 。32位ARGB格式色彩值。其格式為#AARRGGBB AA、RR、GG、BB為十六進制正整數。取值范圍為 00-FF。 RR指定紅色值,GG指定綠色值,BB指定藍色值,AA指定透明度。00 是完全透明。FF是完全不透明。此屬性無默認值。以下為例外:Chroma#FF0000FFDropS
45、hadow#FF404040Glow#FF0000MaskFilter#FF000000說明:設置或檢索濾鏡作用的顏色值。對于Glow濾鏡而言,此屬性的取值被限制為#RRGGB暗式。因為輝光發熱效果總是不透明的。此屬性作用于下列濾鏡有不同的作用:Chroma:指定被透視的顏色。DropShadow:指定陰影效果的顏色。Glow指定輝光發熱效果的顏色。MaskFilter:指定顯示為透明的顏色。direction | Direction 版本:DHTML Object Model 讀/ 寫語法:取值:iOffset : 整數值(Integer)。默認單位為角度。0 | 45 | 90 | 135
46、 | 180 | 225|270 | 3150 :上。45 :右上。90 :下。135: 右下。180:下。225:默認值。左下。270:左。315:左上。說明:設置或檢索濾鏡效果的運動偏移方向。小于0或大于360的值會自動轉換為360之間的值。例如,-45會轉換為315 。Direction | Direction 版本:DHTML Object Model 讀/ 寫語法:oft.sFilterName').Direction = sDirection取值:sDirection字符串(String)down | up | right | leftdown向下up : 向上。right
47、:向右。left:向左。此屬性無默認值。以下為例外:CheckerBoarddownBlindsright說明:設置或檢索轉換效果的方向。此屬性作用于下列濾鏡有不同的作用:CheckerBoard:設置或檢索網格推拉的方向。Blinds:設置或檢索百葉窗開關的方向。duration | Duration 版本:DHTML Object Model 讀/ 寫語法:e').Duration = fDuration取值:fDuration : 浮點數(Real)。其值為秒.毫秒(0.0000)格式。說明:設置或檢索轉換完成所用的時間。你可以使用 play 方法的iDuration參數設置轉換
48、回放的持續時間。然而,當你一旦調用了 play方法,在回放持續過程中Duration特性就變為只讀特性Dx | Dx 版本:DHTML Object Model 讀/ 寫語法:CSS filter : progid:DXImageTransf取值:fDx : 浮點數(Float)。默認值為1.0 。說明:設置或檢索線性轉換的向量增加X 。當SizingMethod 屬性設置為auto expand時此屬性設置被忽略。Dy | Dy 版本:DHTML Object Model 讀/ 寫語法:取值:fDy : 浮點數(Float)。默認值為1.0 。說明:設置或檢索線性轉換的向量增加Y 。當Siz
49、ingMethod 屬性設置為auto expand時此屬性設置被忽略。enabled | Enabled 版本:DHTML Object Model 讀/ 寫語法:取值:bEnabled : 布爾值(Boolean)。true | falsetrue:默認值。濾鏡激活。false:濾鏡被禁止。說明:設置或檢索濾鏡是否激活。改變此屬性值會激發onfilterchange 事件。EndColor 版本:DHTML Object Model 讀/寫語法:取值:sColor說明:設置或檢索色彩漸變的結束顏色。EndColorStr 版本:DHTML Object Model 讀/寫語法:取值:iWi
50、dth : 字符串(String) 。32位ARGB格式色彩值。其格式為#AARRGGBB AA、RR、GG、BB為十六進制正整數。取值范圍為00-FF。 RR指定紅色值,GG指定綠色值,BB指定藍色值。AA指定透明度。00 是完全透明。FF是完全不透明。超出取值范圍的值將被恢復為默認值。取值范圍為#FF000000 - #FFFFFFFF 。默認值為#FF000000 。不透明黑色。說明:設置或檢索色彩漸變的結束顏色和透明度。filter | filter版本:DHTML Object Model 讀/寫語法:CSS filter : sFilter取值:sFilter :要使用的濾鏡效果。
51、多個濾鏡之間用空格隔開。請參閱樣式表濾鏡(Visual Filters and Transitions Reference)。說明:設置或檢索對象所應用的濾鏡或濾鏡集合。此屬性僅作用于有布局的對象,如塊對象。內聯要素要使用該屬性, 必須先設定對象的height 或 width 屬性,或者設定position 屬性為 absolute ,或者設定 display 屬性為block 。請參閱對象的 hasLayout 屬性。若要在img對象上應用shadow濾鏡,可以在該對象img對象的父容器上應用。濾鏡的機制是可擴展的。通過利用Microsoft? DirectX? Media SDK你可以使用
52、C+開發和使用第三方濾鏡。該屬性在MACf臺上不可用。示例:div width:200px; filter:blur(strength=50) flipv(); img filter: invert。;input.aFilter filter: alpha(opacity=50);div width:200px; filter:redirect; .aFilter background-color: #FFFFFF; filter: light(); color: #000000; width:150;div.aFilter filter: glow(Color=blue,Strength=5
53、); width: 150;div.aFilter filter:shadow(color=#0000FF,direction=45); width: 150; color:FF0000;FilterType | FilterType 版本:DHTML Object Model 讀/ 寫語法:取值:sType : 字符串(String) 。bilinear | nearest neighborbilinear :默認值。使用雙線性(bilinear )算法定義目標像素的色彩內容。nearest neighbor :使用領近相似(nearest neighbor )算法定義目標像素的色彩內容。說明:設置或檢索定義新內容的像素的方法。要想獲得最好的平滑的靜態濾鏡效果,請使用bilinear方法參數。而當用于動畫圖像時,nearest neighbor方法參數因其運算速度較快從而能夠提供動畫每秒更多圖像。finishOpacity | FinishOpacity 版本:DHTML Object Model 讀/ 寫語法:取值:iOpacity : 整數值(Integer)。取值范圍為0 - 100 。默認值為0 ,即完全透明100為完全不透明。說明:設置或檢索透明漸變的結束透
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025至2030軟包裝行業發展趨勢分析與未來投資戰略咨詢研究報告
- 2025至2030飼料行業市場深度調研及發展規劃及有效策略與實施路徑評估報告
- 2025至2030氯雷他定API行業發展趨勢分析與未來投資戰略咨詢研究報告
- 2025至2030中國建筑保溫行業發展趨勢分析與未來投資戰略咨詢研究報告
- 2025至2030產業鏈行業項目調研及市場前景預測評估報告
- 2025至2030中國氣霧罐行業市場發展狀況及有效策略與實施路徑評估報告
- 2025至2030玻璃超細纖維行業項目調研及市場前景預測評估報告
- 2025年04月南京鼓樓醫院集團安慶市石化醫院招聘19人筆試歷年專業考點(難、易錯點)附帶答案詳解
- 2025至2030中國負離子機行業市場深度分析及競爭形勢及有效策略與實施路徑評估報告
- 鄉村振興背景下鄉村小規模學校可持續發展路徑優化研究
- 辦公室應聘題庫及答案
- 2025年黑龍江省龍東地區中考數學試卷
- 2025年河北中考地理真題含答案
- 鐵礦尾礦清運方案(3篇)
- 國開機考答案 管理學基礎2025-06-27
- 美術機構教師管理制度
- 2025至2030中國建筑水泥行業產業運行態勢及投資規劃深度研究報告
- 2025年中國數據庫市場研究報告
- 國家開放大學《思想道德與法治》社會實踐報告范文一
- 2024年包頭市公安局招聘專職留置看護警務輔助人員筆試真題
- 【9語安徽中考卷】2025年安徽省中考招生考試真題語文試卷(真題+答案)
評論
0/150
提交評論