Sets or retrieves the point in a transition at which to capture the display for a static filter output.
dhtml语法
HTML | N/A |
---|
Scripting | object. filters. item( "dximagetransform.microsoft. filter-name"). percent [ = ipercent ] |
---|
dhtml可能的值
iPercent | String that
specifies or receives the progress of the transition, which can range from 0 to 100 percent complete. 0 | Default. Transition has not started. | 100 | Transition is complete. |
|
The property is read/write.
The property has a default value of
0.
Remarks
The Percent property uses a transition to create a static filter. The value iPercent
defines the point at which to stop the transition. To create the a static filter with a transition, follow these steps:
- Use the transition's apply method. this captures the initial content of the object, and sets the percent property to zero.
- change the object's content. you can change properties of the object: visibility, innertext, backgroundcolor, border, or the properties of its child elements.
- Set the transition's Percent property. Choose the percent you want the transition to progress and assign that value to iPercent
. This captures an image of the content in midtransition.
- Set the enabled property of the transition to true. The content of the object updates to the captured image.
Note You must use the visibility property to change child elements; otherwise, changes to child element properties are immediate, and not captured by the transition.
DHTML代码范例
This example uses the checkerboard transition to create a div object with a checkerboard appearance.
<SCRIPT>
function fnSetChecker() {
oDiv.filters[0].Apply();
// After setting Apply, changes to the oDiv object
// are not displayed until Play is called.
oDiv.style.backgroundColor="blue";
oDiv.filters[0].percent=50;
oDiv.filters[0].enabled=true;
}
</SCRIPT>
<BUTTON onclick="fnSetChecker(); onclick=''">Get Checked Display</BUTTON><BR/><BR/>
<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: gold;
filter:progid:DXImageTransform.Microsoft.checkerboard(
,duration=5, transition=7);">
</DIV>
Applies To
|
BlendTrans,
RevealTrans,
Barn,
Blinds,
Fade,
GradientWipe,
Inset,
Iris,
Pixelate,
RadialWipe,
RandomBars,
RandomDissolve,
Slide,
Spiral,
Stretch,
Strips,
Wheel,
Zigzag |
|
更多语法参考
play, duration, stop