slideStyle Attribute | SlideStyle

HTML (DHTML)

slideStyle Attribute | SlideStyle Property

Internet Development Index

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

Syntax

HTML
{ filter:progid:DXImageTransform.Microsoft.Slide(
    slideStyle = sStyle ... ) ... }
Scripting
object.filters.item(
    "DXImageTransform.Microsoft.Slide").SlideStyle [ = sStyle ]

Possible Values

sStyleString that specifies or receives one of the following values:
HIDEDefault. Slides bands of original content out, exposing new content.
PUSHSlides bands of new content in, pushing original content out.
SWAPAlternating bands expose new content, or push original content out, at the same time.

The property is read/write. The property has a default value of HIDE.

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";
oDiv.innerHTML="TEXT<BR/>TEXT<BR/>TEXT<BR/>TEXT<BR/>"; }
else {
bToggle = 1;
oDiv.style.backgroundColor="green";
oDiv.innerHTML="text<BR/>text<BR/>text<BR/>text<BR/>"; }
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.Slide(
duration=3, bands='8', slideStyle='PUSH');">
TEXT<BR/>TEXT<BR/>TEXT<BR/>TEXT<BR/>
</DIV>
<SPAN ID="oSpan"><SPAN>
</FONT>

Applies To

Slide

See Also

Transitions, Transition Design Considerations