Download presentation
Presentation is loading. Please wait.
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 ……
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.