BEGINAFTER Attribute | beginAfter Property

MS Office DHTML, HTML & CSS

previous page next page

Click to return to the DHTML, HTML & CSS home page

BEGIN Attribute | begin P...

BEGINEVENT Attribute | be...

Default Behaviors Referen...

Web Workshop | DHTML, HTML & CSS

BEGINAFTER Attribute | beginAfter Property

This document describes technologies available as an experimental implementation of HTML+TIME within Internet Explorer 5. While we encourage you to evaluate these features and to send us your feedback Internet Link

, please note that these features are subject to change.

Sets or retrieves a value indicating that the timeline of an element starts when the referenced element ends.

Syntax

HTML <ELEMENT STYLE="behavior:url(#default#time);" t:BEGINAFTER = sID... >

Scripting object.beginAfter [ = sID ]

HTML	<ELEMENT STYLE="behavior:url(#default#time);" t:BEGINAFTER = sID... >
Scripting	object.beginAfter [ = sID ]

Possible Values

sID String that specifies the unique identifier of another timed element within the current time scope. The timeline begins on the current element when the referenced element ends. For more information about time scope, see the Remarks section.

The property is read/write with no default value. This property cannot be modified in script after the onload event fires on the document body.

Remarks

This property supports relative sequential timing. You can offset the start time by specifying a nonzero value for the BEGIN attribute on the element. This indicates that the timeline should start a specified amount of time after the timeline on the referenced element ends. If the referenced element has an indefinite duration, the timeline on the current element does not start. This property cannot be used on the same element as the BEGINEVENT or BEGINWITH attribute.

The current time scope is defined by the closest parent time container created with the TIMELINE attribute or the PAR or SEQ element. All timed elements within the same parent time container (time siblings) share the current time scope. If no time containers are explicitly declared, the document root is defined as the parent time container. In this case, all timed elements in the document would share the current time scope. To create timing dependencies between elements in different time scopes, use the BEGINEVENT attribute instead of the BEGINAFTER attribute.

The prefix t is used to associate this attribute with an XML namespace.

Example

This example uses the BEGINAFTER and BEGIN properties to make a paragraph appear one second after the first paragraph appears.

Sample Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML//EN">
<HTML>
<HEAD>
<STYLE>
.time        	{ behavior: url(#default#time);}
</STYLE>
</HEAD>
<BODY BGCOLOR="white">
<SPAN ID="span1" CLASS=time STYLE="COLOR:Red;" t:BEGIN="2" t:DUR="5"
    t:TIMEACTION="display">
    <H3>Paragraph 1</H3>
    <P>This is paragraph number one. It appears 2 seconds after the
    page is loaded and remains displayed for 5 seconds.</P>
</SPAN>
<SPAN CLASS=time STYLE="COLOR:Blue;" t:BEGIN="1" t:BEGINAFTER="span1" 
    t:TIMEACTION="display">
    <H3>Paragraph 2</H3>
    <P>This is paragraph number two. It appears one second after the
    first paragraph disappears, and remains displayed indefinitely.</P>
</SPAN>
</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.

animation, audio, img, media, par, seq, time, video