filter - Blinds() (Filter/transition)

A transition effect with the appearance of venetian blinds opening or closing.

Availability:

JScript - 5.5
Internet Explorer - 5.5
Object properties:bands, Direction, Duration, Enabled, Percent, status
Object methods:apply(), play(), stop()

This transition effect supports the following properties:

The following methods are supported by this transition filter:

The example runs continuously in a timeout loop.

Example code:

   <HTML>
   <HEAD>
   </HEAD>
   <BODY onLoad="switchState()">
   <DIV ID="CONTAINER" STYLE="position:absolute; top: 0; left: 0; width: 300; height:300;  filter:progid:DXImageTransform.Microsoft.Blinds(orientation=vertical, motion=out) ">
   <DIV ID="DIV1" STYLE="position:absolute; top:50; left:10; width:240; height:180;background:ivory">
   <BR>
   <BR>
   <BR>
   <HR>
   <CENTER>
   This is a DIV block containing text.
   </CENTER>
   <HR>
   </DIV>
   <DIV ID="DIV2" STYLE="visibility:hidden; position:absolute; top:50; left:10; width:240; height:180; background:antiquewhite; ">
   <CENTER>
   <BR>
   <IMG SRC="./Logo150.gif">
   </CENTER>
   </DIV>
   </DIV>
   <SCRIPT>
   DIV1.style.visibility="visible";
   function switchState()
   {
      CONTAINER.filters[0].Apply();
      if (DIV1.style.visibility == "visible")
      {
         DIV1.style.visibility="hidden";
         DIV2.style.visibility="visible";
      }
      else
      {
         DIV1.style.visibility="visible";
         DIV2.style.visibility="hidden";
      }
      CONTAINER.filters[0].Play();
      setTimeout("switchState()", 2000);
   }
   </SCRIPT>
   </BODY>
   </HTML>

See also:filter - CheckerBoard(), filter - Slide(), Filter object, style.filter

PropertyJavaScriptJScriptNIEOperaNESECMADOMCSSHTMLNotes
bands n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-
Direction n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-
Duration n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-
Enabled n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-
Percent n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-
status n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-

MethodJavaScriptJScriptNIEOperaNESECMADOMCSSHTMLNotes
apply() n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-
play() n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-
stop() n/a5.5 5.5 n/a5.5 5.5 n/a n/a n/a n/a n/a n/a-