SMIL Sequence

<seq> - 最常用的 SMIL 元素 - 定义序列。

序列元素 <seq>

<seq> 元素可定义序列。<seq> 元素中的子元素依次显示在序列中。

您可以使用 <seq> 元素来定义要显示的图像列表、段落列表、视频列表，或任何其他的元素。

<seq> 元素拥有许多属性，最常用的属性有：

属性 值 描述
begin time 在元素被显示之前的延迟。
dur time 设置显示的持续时间。
repeatCount number 设置显示的重复次数。

如需完整的 SMIL 元素和属性列表，请访问 SMIL 参考手册。

实例：显示图像序列

  1. <html xmlns:t="urn:schemas-microsoft-com:time">
  2. <head>
  3.   <?import namespace="t" implementation="#default#time2">
  4.   <style>.t {behavior: url(#default#time2)}</style>
  5. </head>
  6. <body>
  7.  
  8. <t:seq repeatCount="indefinite">
  9.   <img class="t" src="image1.jpg" dur="1s" />
  10.   <img class="t" src="image2.jpg" dur="1s" />
  11. </t:seq>
  12.  
  13. </body>
  14. </html>

实例：显示文本序列

  1. <html xmlns:t="urn:schemas-microsoft-com:time">
  2. <head>
  3.   <?import namespace="t" implementation="#default#time2">
  4.   <style>.t {behavior: url(#default#time2)}</style>
  5. </head>
  6. <body>
  7.  
  8. <t:seq repeatCount="indefinite">
  9.   <h2 class="t" dur="1s">
  10.   I will display for one second</h2>
  11.   <h2 class="t" dur="2s">
  12.   I will display for two seconds</h2>
  13.   <h2 class="t" dur="3s">
  14.   I will display for three seconds</h2>
  15. </t:seq>
  16.  
  17. </body>
  18. </html>