首页 > 扩展 > SMIL > 正文

SMIL第6课:SMIL Sequence

2024-09-06 19:55:17
字体:
来源:转载
供稿:网友
<seq> - 最常用的 SMIL 元素 - 定义序列。

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

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

<seq> 元素拥有许多属性,最常用的属性有:
属性 描述
begin time 在元素被显示之前的延迟。
dur time 设置显示的持续时间。
repeatCount number 设置显示的重复次数。

实例:显示图像序列

<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>

实例:显示文本序列

<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">
  I will display for one second</h2>
  <h2 class="t" dur="2s">
  I will display for two seconds</h2>
  <h2 class="t" dur="3s">
  I will display for three seconds</h2>
</t:seq>

</body>
</html>
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选