Sekwencja SMIL
- Poprzednia strona Czasowanie SMIL
- Następna strona SMIL Parallel
<seq> - najczęściej używany element SMIL - definiuje sekwencję.
Elementy sekwencji <seq>
Elementy <seq> można zdefiniować jako sekwencję.<seq> Elementy wewnętrzne są wyświetlane w kolejności w sekwencji.
Możesz użyć elementu <seq> do zdefiniowania listy obrazów, listy akapitów, listy wideo lub innych elementów do wyświetlenia.
Element <seq> ma wiele atrybutów, najczęściej używane to:
Atrybut | Wartość | Opis |
---|---|---|
begin | time | Opóźnienie przed wyświetleniem elementu. |
dur | time | Ustaw długość wyświetlania. |
repeatCount | number | Ustaw liczbę powtórzeń wyświetlania. |
Aby uzyskać pełną listę elementów i atrybutów SMIL, odwiedź CodeW3C.com SMIL Referencja。
Przykład: wyświetlanie sekwencji obrazów
<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>
Przykład: wyświetlanie sekwencji tekstowej
<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"> Wyświetlę przez jedną sekundę</h2> <h2 class="t" dur="2s"> Wyświetlę przez dwie sekundy</h2> <h2 class="t" dur="3s"> Wyświetlę przez trzy sekundy</h2> </t:seq> </body> </html>
- Poprzednia strona Czasowanie SMIL
- Następna strona SMIL Parallel