

<HTML xmlns:t ="urn:schemas-microsoft-com:time">
<HEAD>
<?IMPORT namespace="t" implementation="#default#time2">
<style>.time {behavior: url(#default#time2)}</style>
</HEAD>
<BODY bgcolor="#ccffee">
<!-- Time Content for testing -->
<img src="../images/bg.gif" style="position:absolute;top:5;left:5"></img>
<img id="T1" src="../images/smile.jpg" style="position:absolute;HEIGHT: 50px; WIDTH: 50px; top:140; left:37"></img>
<t:animateMotion id="anim2" begin="2s" dur="10" calcMode="linear" keyTimes="0;.9;1" values ="100,0;0,0;250,0" targetElement="T1" additive="sum" fill="freeze"/>
<!--*******************************************************************************-->
<!--***************everything past this line is informational**********************-->
<!--*****Timer that displays activeTime and shows persistence*****-->
<DIV align="left" style="position:absolute; top:300">
<B>TIMER:</B><BR>
Timer:
<span id="Timer" class="time" dur=".01"  repeatCount="indefinite" fill="hold" onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</span><br><br>
<!--*****Expectations, Sample Code, and Information*****-->
<B>EXPECTED BEHAVIOR:</B><br>
Testing: keyTimes.<br>
At 0 seconds, the smile should be at 50px.<br>
At 2 seconds, the smile will immediately move to 150px.<br>
At 2-11 seconds, the smile will move back to its original position of 50px.<br>
At 11-12 seconds, the smile will move to 250px and freeze.<br>
**Note that the right side of the image is the reference point.<br><br>
<B>SAMPLE CODE:</B><br>
<t:animateMotion id="anim2" begin="2s" dur="10" calcMode="linear" keyTimes="0;.9;1" values ="100,0;0,0;250,0" targetElement="T1" additive="sum" fill="freeze"/><br><br>
<B>INFORMATION:</B><br>
Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved.
See http://www.w3.org/Consortium/Legal/.
Author: Debbie Newman, Microsoft<br>
Version: 11/02/2000<br>
Module: animateMotion<br>
Feature: values, keytimes,calcMode="linear"<br>
File Name: animateMotion_vk01.htm<br>
Media Components: images/bg.gif", images/smile.jpg<br><br>
</div>
</BODY>
</HTML>