Freigeben über

DUR Attribute | dur Property

This topic documents a feature of HTML+TIME 2.0, which is obsolete as of Windows Internet Explorer 9.

Sets or gets a value indicating the amount of time that a transition is applied to an element.

Syntax

HTML <t:TRANSITIONFILTER DUR = sDur... >
Scripting [ sDur = ] t:TRANSITIONFILTER.dur

Possible Values

sDur String that 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 in 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>

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/behaviors/htmltime/transitions/durEX1.html

Applies To

t:TRANSITIONFILTER

See Also

Introduction to HTML+TIME, activeDur, mediaDur, repeatDur, segmentDur, simpleDur

  • Last updated on