HTML+TIME

05_LadPohyb/Pohyb_L.htm

  1  <html xmlns:t ="urn:schemas-microsoft-com:time">
  2  <head>
  3    <title>Pohyb_3</title>
  4    <?import namespace="t" implementation="#default#time2">
  5    <style>
  6      #Obr {position:absolute; left:10px; top:70px;}
  7      #I { position:absolute; left:10px; top:50px;
  8           behavior: url(#default#time2);     }
  9    </style>
 10    <script type="text/javascript" src="ufo.js"></script>
 11  </head>
 12  <body id='B' onload="B.onmousemove=Pozicia"
 13    onclick="Draha.Tabulka('Let motýľa');">
 14  <h2>Lietajúci motýl</h2>
 15    <span id="I" dur=".01" repeatCount="indefinite" fill="hold"
 16      onrepeat = "innerText=Info(am,Obr); Draha.PridajBod(am, Obr, bStop);" >
 17    </span>
 18    <img id="Obr"  src="Motyl.jpg" />
 19    <t:animateMotion id="am" targetElement="Obr" origin="parent"
 20       begin="1" dur="10" fill="hold"
 21       calcMode="spline"
 22       keySplines=".5, 0, .5, 1; 0 .5 .5 1; .2 .75 .25 1; .2 0 1 .2;"
 23       keyTimes="0; 0.4; 0.6; .8; 1"
 24       values="10,70;  150,250;  250,150;  400, 250; 500, 70;"
 25       onend="bStop=true; Draha.Zobraz(I);" />
 26    <div style="height=200px"> </div>
 27    xxxxxxx
 28  </body>
 29  </html>