timelineBehavior Property

DHTML, HTML, & CSS

previous page next page

TIMELINE Attribute | time...

TIMESTARTRULE Attribute |...

Default Behaviors Referen...

Web Workshop | DHTML, HTML & CSS

timelineBehavior Property

Retrieves a Microsoft® DirectAnimation® number (danumber Internet Link Non-MSDN link ) object containing the timeline behavior associated with the specified object.

Syntax

Scripting [ oBehavior = ] object.timelineBehavior

Scripting	[ oBehavior = ] object.timelineBehavior

Possible Values

oBehavior Object that specifies the DANumber containing the behavior associated with the specified object.

The property is read-only with no default value.

Remarks

Typically, this property is used with the substitutetime function to replace the timeline of the DirectAnimation behavior with the specified HTML+TIME timeline.

This property allows you to incorporate multimedia elements, such as 2-D and 3-D animated images and sounds, into an HTML page with the anim:DA element. Use this property with HTML+TIME timelines to control DirectAnimation content. This property is not part of the HTML+TIME specification.

Important To ensure that pages using this property display properly in future versions of Internet Explorer, complete the following steps:

Use "#time" instead of "#default#time" for the behavior declaration.

Include the time object in your page. The class identifier used to specify this object is 476C391C-3E0D-11D2-B948-00C04FA32195.

These actions are necessary only for pages that use HTML+TIME timelines to control DirectAnimation content.

Example

This example uses the timelineBehavior property to apply a timeline, created with HTML+TIME, to a simple animation that rotates an image.

Sample Code

<HTML>
<HEAD> 
<TITLE>progressBehavior</TITLE>
<XML:NAMESPACE PREFIX="anim"/>
<STYLE>
.time       { behavior: url(#time); }
anim\:DA    { behavior: url(#default#anim); }
</STYLE>
<OBJECT ID="time" CLASSID="CLSID:476C391C-3E0D-11D2-B948-00C04FA32195">
</OBJECT>
</HEAD>

<BODY>
<P>The image begins rotating three seconds after the page loads, and 
continues rotating for five seconds.</P>
<SPAN ID="spanImg" CLASS="time" t:TIMEACTION="visibility" t:BEGIN="3" 
t:DUR="5">
</SPAN>
<DIV ALIGN="center">
    <anim:DA ID="da1" STYLE="width:200; height:200; z-index: -1;" />
</DIV>
<BR>
<SCRIPT LANGUAGE="JScript">
<!--
   // Assign a variable to the DA statics library
   m = da1.statics;
   // Create the DAImage
   img1 = m.ImportImage("/workshop/graphics/sun.gif");
   // Rotate the image at a rate of 60 degrees/second
   img2 = img1.Transform(m.Rotate2RateDegrees(60));
   // Apply the HTML+TIME timeline to the DAImage
   img3 = img2.SubstituteTime(spanImg.timelineBehavior); 
   da1.image = img3;
//-->  
</SCRIPT>
</BODY>
</HTML>

This feature requires Internet Explorer 5 or later. Click the icon below to install the latest version. Then reload this page to view the sample.

Applies To

[ Object Name ]

Platform Version

Win16:

Win32:

Mac:

Unix:

WinCE:

Version data is listed when the mouse hovers over a link, or the link has focus.

time