dur property
Sets or gets a value indicating the amount of time that a transition is applied to an element.
Syntax
| JScript |
|---|
|
Property values
Type: String
String that specifies one of the following values.
Remarks
This attribute is required by the transitionFilter element.
Examples
The following sample shows how the value of the DUR attribute in of a transitionFilter element determines how fast a transition is executed.
Code example: http://samples.msdn.microsoft.com/workshop/samples/author/behaviors/htmltime/transitions/durEX1.html
<HTML XMLNS:t="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>
.time{behavior: url(#default#time2);}
</STYLE>
<?import namespace=t urn="urn:schemas-microsoft-com:time"
implementation = "#default#time2" />
</HEAD>
<BODY>
<t:TRANSITIONFILTER BEGIN="oButtonSlow.click" TYPE="barWipe" DUR="6"
TARGETELEMENT="oDiv1"/>
<t:TRANSITIONFILTER BEGIN="oButtonFast.click" TYPE="barWipe" DUR="1"
TARGETELEMENT="oDiv2"/>
<INPUT TYPE="button" ID="oButtonSlow" VALUE="Slow DUR=6"><BR/><BR/>
<BR/>
<DIV CLASS="time" BEGIN="oButtonSlow.click" ID="oDiv1" DUR="indefinite"
STYLE="position:relative; left:20px; width:420px; height:100px;
background-image:url(ART_time_progress.gif); background-repeat: no-repeat;">
</DIV>
<INPUT TYPE="button" ID="oButtonFast" VALUE="Fast DUR=1">
<BR/>
<DIV CLASS="time" BEGIN="oButtonFast.click" ID="oDiv2" DUR="indefinite"
STYLE="position:relative; left:20px; width:420px; height:100px;
background-image:url(ART_time_progress.gif); background-repeat: no-repeat;">
</DIV>
</BODY>
</HTML>
See also
Reference
Conceptual