slideStyle Attribute | SlideStyle参数属性
| DHTML文档教程 |
Sets or retrieves the method used to reveal the new content.
dhtml语法
HTML | { filter:progid:dximagetransform.microsoft. slide( slidestyle = sstyle ... ) ... } |
---|
scripting | object. filters. item( "dximagetransform.microsoft. slide"). slidestyle [ = sstyle ] |
---|
dhtml可能的值
sStyle | String that
specifies or receives one of the following values: HIDE | Default. Slides bands of original content out, exposing new content. | PUSH | Slides bands of new content in, pushing original content out. | SWAP | Alternating 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.
DHTML代码范例
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
更多语法参考
transitions, Transition Design Considerations