wipeStyle Attribute | WipeStyle Property

Sets or retrieves the method used to reveal the new content.

Syntax

HTML
{ filter:progid:DXImageTransform.Microsoft.RadialWipe(
wipeStyle = sStyle ... ) ... }
Scripting
object.filters.item(
"DXImageTransform.Microsoft.RadialWipe").WipeStyle [ = sStyle ]

Possible Values

sStyle String that specifies or receives one of the following possible values.
CLOCK Default. Sweeps around the center, clockwise from the top.
WEDGE Sweeps around the center in both directions from the top.
RADIAL Sweeps from the top to the left side, with one end of the sweep anchored on the upper left corner.
The property is read/write. The property has a default value of CLOCK.

Example

This example uses the backgroundColor property to change the display before the transition is played.

<SCRIPT>
var bToggle = 0;
function fnToggle() {
oDiv.filters[0].Apply();
// After setting Apply, changes to the oDiv object
//  are not displayed until Play is called.
if (bToggle) {
bToggle = 0;
oDiv.style.backgroundColor="gold";  }
else {
bToggle = 1;
oDiv.style.backgroundColor="green"; }
oDiv.filters[0].Play();
}
</SCRIPT>
<BUTTON onclick="fnToggle()">Toggle Transition</BUTTON><BR/><BR/>
<FONT SIZE="+4" >
<!-- This DIV is the target of the transition. -->
<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: gold;
filter:progid:DXImageTransform.Microsoft.RadialWipe(
duration=2, wipeStyle='WEDGE');">
TEXT<BR/>TEXT<BR/>TEXT<BR/>TEXT<BR/>
</DIV>
<SPAN ID="oSpan"><SPAN>
</FONT>

Applies To

RadialWipe