SMIL-sekvens
- Föregående sida SMIL Tidning
- Nästa sida SMIL Parallell
<seq> - mest använda SMIL-element - definierar en sekvens.
Sekvensen element <seq>
<seq>-element kan definiera en sekvens.<seq>-elementens underelement visas i följd i sekvensen.
Du kan använda <seq>-elementet för att definiera en lista med bilder, stycken, videor eller andra element som ska visas.
<seq>-elementet har många egenskaper, de mest använda är:
Egenskap | Värde | Beskrivning |
---|---|---|
begin | time | Fördröjning innan elementet visas. |
dur | time | Ställ in visningens varaktighet. |
repeatCount | number | Ställ in antalet upprepningar som ska visas. |
För en fullständig lista över SMIL-element och egenskaper, besök CodeW3C.com SMIL 参考手册。
Exempel: Visa bildsekvens
<html xmlns:t="urn:schemas-microsoft-com:time"> <head> <?import namespace="t" implementation="#default#time2"> <style>.t {behavior: url(#default#time2)}</style> </head> <body> <t:seq repeatCount="indefinite"> <img class="t" src="image1.jpg" dur="1s" /> <img class="t" src="image2.jpg" dur="1s" /> </t:seq> </body> </html>
Exempel: Visa textsekvens
<html xmlns:t="urn:schemas-microsoft-com:time"> <head> <?import namespace="t" implementation="#default#time2"> <style>.t {behavior: url(#default#time2)}</style> </head> <body> <t:seq repeatCount="indefinite"> <h2 class="t" dur="1s"> Jag kommer att visa i en sekund</h2> <h2 class="t" dur="2s"> Jag kommer att visa i två sekunder</h2> <h2 class="t" dur="3s"> Jag kommer att visa i tre sekunder</h2> </t:seq> </body> </html>
- Föregående sida SMIL Tidning
- Nästa sida SMIL Parallell