DUR Attribute | dur Property | Internet Development Index |
Sets or retrieves a value indicating the amount of time a transition is applied to an element.
Syntax
HTML <t:TRANSITIONFILTER DUR = sDur... > Scripting t:TRANSITIONFILTER.dur [ = sDur ]
Possible Values
sDur String爐hat specifies one of the following values:
1s Default. The transition lasts for one second. duration Duration of the transition. The time must be specified as described in Time Formats. The property is read/write. The property has a default value of 1s.
Remarks
This attribute is required by the transitionFilter element.
Example
The following sample shows how the value of the DUR attribute inside of a transitionFilter element determines how fast a transition is executed.
<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>This feature requires Microsoft?Internet Explorer 6 or later. Click the following icon to install the latest version. Then reload this page to view the sample.
Applies To
t:TRANSITIONFILTER
See Also
Introduction to HTML+TIME, activeDur, mediaDur, repeatDur, segmentDur, simpleDur