 | JavaScript | |||
|---|---|---|---|---|
| Prev | Home | Up | Next |
| Availability: |
| |||
| Object properties: | Enabled, MakeShadow, PixelRadius, ShadowOpacity | |||
| Supported by objects: | A, ACRONYM, ADDRESS, B, BDO, BIG BLOCKQUOTE, body, BUTTON, CAPTION, CENTER, CITE, CODE, custom, DD, DFN, DIR, DIV, DL, DT, EM, FIELDSET, FONT, FORM, FRAME, FRAMEST, Hn, I, IFRAME, IMG, INPUT, INS, KBD, LABEL, LEGEND, LI, MARQUEE, MENU, NOBR, OL, P, PLAINTEXT, PRE, Q, RT, RUBY, runtimeStyle, S, SAMP, SMALL, SPAN, STRIKE, STRONG, style, SUB, SUP, TABLE, TD, TEXTAREA, TH, TT, U, UL, VAR, XMP | |||
This visual filter provides a way of adding motion blur to elements as they are drawn into the display. Versions of the MSIE browser prior to version 5.5 implement the MotionBlur() filter as a Blur() filter.
As of the IE 5.5 browser, the Blur effect provides a simple Gaussian blur which is non directional. The Previous motion blurring artifacts is now available with a specialized MotionBlur() filter.
From version 5.5 of MSIE, the properties supported by this filter have changed to this set:
The Enabled property turns the blurring effect on and off when set to true or false, respectively.
The MakeShadow property allows you to select between displaying the object as a shadow, or as its normal RGB values. Set to true to get a blurred shadow effect.
The PixelRadius property takes a floating point value to indicate the radius of the blurring effect. The value ranges from 1.0 to 100.0 in pixels.
The ShadowOpacity property takes a floating point value in the range 0.0 to 1.0 to indicate the opacity of the blurred image. The value 0.0 is completely transparent while 1.0 is completely opaque.
The example shows how to make a blurred shadow effect.
Filters are defined in style sheets as if they were a function call with its arguments expressed as name=value pairs. This is not the typical way to define arguments so you should be aware of this anomaly when working with filters.
<HTML> <HEAD> </HEAD> <BODY> Normal--> <IMG ID="NORMAL" SRC="./Logo150.gif"> Filtered--> <IMG ID="MYIMAGE" SRC="./Logo150.gif"> <BR> <SCRIPT> myFilter = "progid:DXImageTransform.Microsoft.Blur(makeshadow=true, pixelradius=5.0, shadowopacity=0.5)"; document.all.MYIMAGE.style.filter = myFilter; </SCRIPT> </BODY> </HTML>
| See also: | filter - MotionBlur(), Filter object, style.filter |
| Property | JavaScript | JScript | N | IE | Opera | NES | ECMA | DOM | CSS | HTML | Notes |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Enabled |  | 3.0  | | 4.0 | | | | | | | - |
| MakeShadow | | 3.0 | | 4.0 | | | | | | |  |
| PixelRadius | | 3.0 | | 4.0 | | | | | | | |
| ShadowOpacity | | 3.0 | | 4.0 | | | | | | | |
| Prev | Home | Next |
| filter - Blinds() | Up | filter - CheckerBoard() |
JavaScript Programmer's Reference, Cliff Wootton Wrox Press (www.wrox.com) Join the Wrox JavaScript forum at p2p.wrox.com Please report problems to support@wrox.com © 2001 Wrox Press. All Rights Reserved. Terms and conditions. | ||