Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML + TIME Introduzione 2a parte. Riferimenti mhttp://www.ludicrum.org/plsWork/default.ht m

Similar presentations


Presentation on theme: "HTML + TIME Introduzione 2a parte. Riferimenti mhttp://www.ludicrum.org/plsWork/default.ht m"— Presentation transcript:

1 HTML + TIME Introduzione 2a parte

2 Riferimenti http://www.ludicrum.org/plsWork/default.ht mhttp://www.ludicrum.org/plsWork/default.ht m http://www2002.org/CDROM/refereed/382/ ftp://ftp.research.microsoft.com/pub/tr/tr- 2001-01.docftp://ftp.research.microsoft.com/pub/tr/tr- 2001-01.doc http://msdn.microsoft.com/library/default.as p?url=/library/en- us/dntime/html/htmltime.asphttp://msdn.microsoft.com/library/default.as p?url=/library/en- us/dntime/html/htmltime.asp

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

4 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.

5 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" />

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" />

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

8 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;

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

10 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

11 eventi onbegin onend onresume onend onmediaerror onrepeat ……


Download ppt "HTML + TIME Introduzione 2a parte. Riferimenti mhttp://www.ludicrum.org/plsWork/default.ht m"

Similar presentations


Ads by Google