September 19, 2000 - Synchronizing Style Changes | WebReference

September 19, 2000 - Synchronizing Style Changes

Yehuda Shiran September 19, 2000
Synchronizing Style Changes
Tips: September 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

With Internet Explorer's HTM+TIME, you can include the TIMEACTION attribute to specify an action you want to be taken while the element is active on the timeline. TIMEACTION can take the following values:

style
  • display
  • visibility

    The style value applies the in-line STYLE definition to the element. In the following example, the header changes its color after 4 seconds, for a duration of 6 seconds. Try it now. Here is the code:

    <HTML>
<HEAD>
<TITLE>Simple HTML+TIME Example</TITLE>
<STYLE>
  .mytime {behavior: url(#default#time2);}
</STYLE>
</HEAD>
<BODY>
<H1 CLASS="mytime" BEGIN="4" DUR="6" TIMEACTION="style" 
    STYLE="color:magenta">Time Action Demo</H1>
<IMG CLASS="mytime" SRC="slide1.gif" DUR="7">
<IMG CLASS="mytime" SRC="slide4.gif" BEGIN="2" DUR="7"><BR>
<IMG CLASS="mytime" SRC="slide5.gif" BEGIN="4" DUR="7">
<IMG CLASS="mytime" SRC="slide6.gif" BEGIN="6" DUR="7">
</BODY>
</HTML>

    Learn more about HTML+TIME in Column 67, Introduction to HTML+TIME.