Sequência SMIL
- Página Anterior Tempo SMIL
- Próxima Página SMIL Paralelo
<seq> - O elemento SMIL mais comum - define sequências.
Elemento de Sequência <seq>
O elemento <seq> define uma sequência. Os elementos filhos do <seq> são exibidos na sequência.
Você pode usar o elemento <seq> para definir a lista de imagens a serem exibidas, a lista de parágrafos, a lista de vídeos, ou qualquer outro elemento.
O elemento <seq> possui muitos atributos, os mais comuns são:
Atributo | Valor | Descrição |
---|---|---|
begin | time | Atraso antes de exibir o elemento. |
dur | time | Definir a duração de exibição. |
repeatCount | number | Definir o número de repetições de exibição. |
Para uma lista completa de elementos e atributos SMIL, acesse Manual do SMIL do CodeW3C.com。
Exemplo: Exibir sequência de imagens
<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>
Exemplo: Exibir sequência de texto
<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"> Eu vou exibir por um segundo</h2> <h2 class="t" dur="2s"> Eu vou exibir por dois segundos</h2> <h2 class="t" dur="3s"> Eu vou exibir por três segundos</h2> </t:seq> </body> </html>
- Página Anterior Tempo SMIL
- Próxima Página SMIL Paralelo