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();
// Set the number of bands used randomly.
oDiv.filters[0].bands = Math.random()*12 + 3;
// After you set 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="blue";}
oDiv.filters[0].Play(duration=3);
}
</SCRIPT>
<BUTTON >Toggle Transition</BUTTON><BR/><BR/>
<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: gold;
filter:progid:DXImageTransform.Microsoft.Blinds(
direction='down');">
</DIV>