Page Transition Effects Options

[micron]

IE Page transitions, courtesy to Jan Verhoeven. Choose the transition of your choice and copy the code to 'insert your own html'. You might want to select different enter and exit transitions, or configure it further by checking the 'properties' (next post). Preview the transitions using our very own Xanga editor.

TRANSITIONS

Blinds

[micron]

Use commas to configure more than one property. For example:

CODE

<!-- begin code provided by createblog.com -->
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Blinds(Duration=1)">
<!-- end code provided by createblog.com -->

becomes:

CODE

<!-- begin code provided by createblog.com -->
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Blinds(Duration=1, bands=20)">
<!-- end code provided by createblog.com -->

PROPERTIES

bands (integer)
Sets or retrieves the number of strips into which the content is divided during the transition.

Direction (string)
Sets or retrieves the direction of motion in the transition. Options: "up" | "down" | "right" | "left"

Duration (floating point)
Sets or retrieves the length of time the transition takes to complete. The value is specified in seconds.milliseconds format (0.0000).

gradientSize
Sets or retrieves the percentage of the object that is covered by the gradient band. Floating-point that specifies or receives a value that can range from 0.0 to 1.0 the gradient band has no width as new content is revealed.

gridSizeX
Sets or retrieves the number of grid columns used for the filter. The value can range from 1 to 100. Integer that specifies or receives the number of grid columns. 16 Default.

gridSizeY
Sets or retrieves the number of grid rows used for the filter. The value can range from 1 to 100. Integer that specifies or receives the number of grid rows. 16 Default.

irisStyle
Sets or retrieves the shape of the Iris filter aperture. Options: "diamond" | "circle" | "cross" | "plus" | "square" | "star".

maxSquare
Sets or retrieves the maximum width in pixels of a pixelated square. Integer that specifies or receives a width that can range from 2 to 50 pixels.50 Default.

motion
Sets or retrieves the value that indicates whether new content is revealed from the outside or the inside first. Options: "out" | "in".

orientation
Sets or retrieves the value that indicates whether the filter effect is horizontal or vertical. Options: "horizontal" | "vertical".

overlap
Sets or retrieves the fraction of the transition's duration that both original and new content are displayed. Floating-point that specifies or receives a value that can range from 0.0 to 1.0. 1.0 Default.

slideStyle
Sets or retrieves the method used to reveal the new content. Options: "hide" | "push" | "swap".

spokes
Sets or retrieves the number of wedges that the content is divided into during the transition. Options: "2" | "4".

squaresX
Sets or retrieves the number of columns for the CheckerBoard transition. Integer that specifies or receives any positive value greater than or equal to 2. 12 Default.

squaresY
Sets or retrieves the number of rows for the CheckerBoard transition. Integer that specifies or receives any positive value greater than or equal to 2. 10 Default.

stretchStyle
Sets or retrieves the method used to reveal the new content. Options: "hide" | "push" | "spin".

wipeStyle
Sets or retrieves the method used to reveal the new content. Options: "clock" | "wedge" | "radial".