The following example shows how to change the effects of this transition by modifying its properties.
<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.visibility="visible"; }
else {
bToggle = 1;
oDiv.style.visibility="hidden"; }
oDiv.filters[0].Play();
}
</SCRIPT>
<BUTTON onclick="fnToggle()">Toggle Transition</BUTTON><BR/><BR/>
<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: gold;
filter:progid:DXImageTransform.Microsoft.Spiral(
duration=3, GridSizeX=25, GridSizeY=25);">
<FONT SIZE="+4" COLOR="#A08000">
TEXT<BR/>TEXT<BR/>TEXT<BR/>TEXT<BR/>
</FONT>
</DIV>