<style>
/* This is still IE5 specific! */
.time { behavior: url(#DEFAULT#TIME); }
t\:seq { behavior: url(#DEFAULT#TIME); }
t\:par { behavior: url(#DEFAULT#TIME);}
t\:img { behavior: url(#DEFAULT#TIME); }
</style>
<t:par>
<h2 class="time" id="h11" t:timeaction="display" t:dur="2">Demo...</h2>
<h2 class="time" t:beginevent="h11.onend" t:timaction="display">Courses</h2>
<ul>
<li style="..." class="time" t:begin="4"> MA Human Resource Management</li>
<li style="..." class="time" t:begin="5"> Diploma in Personal Management</li>
...
</ul>
<h2 class="time" t:begin="11" t:timeaction="display">Where?</h2>
<t:seq t:begin="12" t:timeaction="display">
...
<img class="time" id="img3" t:timeaction="display" src=".." t:dur="2" >
</t:seq>
<h3 class="time" id="h32" t:beginevent="img3.onend" t:dur="indefinite">Click ...</H3>
<t:par id="par2" t:beginevent="h32.onclick">
<img class="time" id="img5" src="../pngs/running.png" t:dur="indefinite" >
<span style="..." class="time" t:begin="1" t:dur="indefinite" >Sucker!</span>
</t:par>
</t:par>