HTML + TIME Introduzione 2a parte

Riferimenti mhttp:// m ftp://ftp.research.microsoft.com/pub/tr/tr docftp://ftp.research.microsoft.com/pub/tr/tr doc p?url=/library/en- us/dntime/html/htmltime.asphttp://msdn.microsoft.com/library/default.as p?url=/library/en- us/dntime/html/htmltime.asp

TimeAnimation Ci sono quattro elementi che permettono l’animazione: t:animate t:animateColor t:animateMotion t:set

fill Assume i valori –remove che libera la regione di contenimento del media. –freeze che congela il media nella sua regione fino a... –hold che congela il media fino al termine del gruppo genitore. –transition che è legato alle transizioni.

Esempio TimeAnimation <img class ="time" ID="myDiv" style="left: 40px; top: 20px; position: relative; width:200;height:200;" src="colosseo.gif" /> <t:animate targetElement="myDiv" attributeName="height" to="300" fill ="freeze" begin="2" dur="6" />

t:animateColor <DIV ID="myDiv" style="left: 40px; top: 20px; position: relative; width:200;height:50; background-color:#00ff00;" > Ecco il cambio di colore. <t:animatecolor targetElement="myDiv" attributeName="background-color" to="#ffff00" begin="2" dur="4" fill ="hold" />

t:animate Cliccami <t:animate targetElement="esempio" attributeName="width" from="200" to="0" begin="0s" dur="3s" autoreverse="true" />

t:animate Si specifica: –targetElement ovvero l’id dell’elemento da animare; –attributeName ovvero l’attributo da animare; –fill ovvero il comportamento finale dell’elemento se termina prima del contenitore padre;

t:animate Cercare in documenti – buttala il file pallone e …; Poi il file esempio2

t:animate Accelerate –Un valore tra 0 e 1 che indica su quale intervallo si applica l’acc. Additive –Indica se si aggiunge (sum) o sostituisce (replace) le altre animazioni

eventi onbegin onend onresume onend onmediaerror onrepeat ……