Compartir a través de


t:TRANSITIONFILTER Element | transitionFilter Object

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

Animates the progress of a transition on an element or elements with renderable content.

Members Table

The following table lists the members exposed by the transitionFilter object.

Attribute Property Description
ACCELERATE accelerate

Sets or gets a value that applies an acceleration to an element timeline.

ACCUMULATE accumulate

Sets or gets a value that indicates whether the animation is cumulative.

ADDITIVE additive

Sets or gets a value that indicates whether the animation is additive with other animations.

AUTOREVERSE autoReverse

Sets or gets whether the timeline on an element begins playing in reverse immediately after it completes in the forward direction.

BEGIN begin

Sets or gets the delay time before the timeline begins playing on the element.

BY by

Specifies a relative offset value for the progress of the transitionFilter element.

CALCMODE calcMode

Sets or gets the interpolation mode for the progress of the transitionFilter element.

DECELERATE decelerate

Sets or gets a value that applies a deceleration to the end of a simple duration.

DUR dur

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

END end

Sets or gets a value indicating the end time for the element, or the end of the simple duration when the element is set to repeat.

FROM from

Sets or gets a progress value indicating the point from which to begin the transition.

KEYSPLINES keySplines

Sets or gets a set of Bezier control points that define the interval pacing of an animation.

KEYTIMES keyTimes

Sets or gets a list of time values used to control the pacing of an animation.

MODE mode

Sets or gets a variable that indicates whether an element transitions in or out.

Sets or gets a variable that indicates whether an element transitions in or out.
REPEATCOUNT repeatCount Sets or gets the number of times an element timeline repeats.
REPEATDUR repeatDur

Sets or gets the number of seconds that an element timeline repeats.

Sets or gets the number of seconds that an element timeline repeats.
RESTART restart

Sets or gets the conditions under which an element can be restarted on a timeline.

SPEED speed

Sets or gets the playback speed of an element relative to its parent time container.

SUBTYPE subtype

Sets or gets the name of the subtype that will be applied to the transition.

TARGETELEMENT targetElement

Sets or gets the target element to be animated.

TO to

Sets or retrieves a value that indicates the point in the transition's progress at which the transition ends.

TYPE type

Sets or gets the type of transition to be applied.

Sets or gets the type of transition to be applied.
VALUES values

Sets or retrieves a list of one or more values specifying the progress of the transition.

Event Property Description
onbegin

Fires when the timeline starts on an element.

onend

Fires when the timeline stops on an element.

onpause

Fires when the timeline on an element pauses.

onrepeat

Fires when the timeline repeats on an element, beginning with the second iteration.

onresume

Fires when an element's timeline resumes from a paused state.

onreverse

Fires when the timeline on an element begins to play backward.

onseek

Fires whenever a seek operation is performed on the element.

Method Description
activeTimeToParentTime

Converts a value in the element's active timeline to the corresponding point in the parent timeline.

activeTimeToSegmentTime

Converts a value in the element's active timeline to the corresponding point in the segment timeline.

beginElement

Starts the element on the timeline.

beginElementAt

Starts an element's timeline at the specified time.

documentTimeToParentTime

Converts a value in the document timeline to the corresponding point in the element's parent timeline.

endElement

Stops the element on the timeline.

endElementAt

Ends an element's timeline at the specified time.

parentTimeToActiveTime

Converts a value in the parent timeline to the corresponding point in the element's active timeline.

parentTimeToDocumentTime

Converts a value in the element's parent timeline to the corresponding point in the document timeline.

pauseElement

Stops playing an element's timeline at the current point.

resumeElement

Restarts the element's timeline from a paused state.

seekActiveTime

Locates a specified point on the element's active timeline and begins playing from that point.

Locates a specified point on the element's active timeline and begins playing from that point.
seekSegmentTime

Locates the specified point on the element's segment timeline, and begins playing from that point.

seekTo

Locates a specified point on the element's segment timeline, including repetitions, and begins playing from that point.

segmentTimeToActiveTime

Converts a value in the element's segment timeline to the corresponding point in the element's active timeline.

segmentTimeToSimpleTime

Converts a value in the element's segment timeline to the corresponding point in the element's simple timeline.

simpleTimeToSegmentTime

Converts a value in the element's simple timeline to the corresponding point in the element's segment timeline.

Object Description
currTimeState

Contains information about an HTML+TIME timeline.

Remarks

transitionFilter was introduced in Microsoft Internet Explorer 6

The prefix t: is used to associate this element with an XML namespace. You must declare the XML namespace in the html tag of your document when using this element.

<HTML XMLNS:t ="urn:schemas-microsoft-com:time">

You must then import the tag definitions from the time2 behavior by using the IMPORT processing instruction.

<?IMPORT namespace="t" implementation="#default#time2">

The members listed in the following table might not be accessible through scripting until the window. onload event fires. Waiting for this event to fire ensures that the document is completely loaded, that all behaviors have been applied to corresponding elements on the document , and that all the behavior's properties, methods, and events are available for scripting. Using any of the behavior-defined members before the window. onload event fires could result in a scripting error, indicating that the object does not support that particular member.

This element is not rendered.

This element requires a closing tag.

Examples

This example demonstrates the effects of changing various attributes of the transitionFilter.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/behaviors/htmltime/transitions/mastersample/master_sample.htm

This example shows how to use the transitionFilter to transition an element in and out of view.


<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>

<DIV STYLE="width:270" CLASS="time" DUR="8" ID="oDiv">
<t:TRANSITIONFILTER BEGIN="oDiv.begin" DUR="3" TYPE="clockWipe"/>
<t:TRANSITIONFILTER BEGIN="oDiv.end-3" DUR="3" MODE="out" TYPE="fade"/>
This DIV Transitions In, Stays For Two Seconds, And Then Transitions Out.
</DIV>
</BODY>
</HTML>

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/behaviors/htmltime/transitions/ovwMode1.htm

See Also

Introduction to HTML+TIME, Using HTML+TIME Transitions, time2