SMIL第3課：SMIL In HTML

2020-11-26 19:41:40

字體：大中小

來源：轉載

供稿：網友

Internet Explorer 能夠在 HTML 文件中運行 SMIL 呈現。

在 IE 中運行 SMIL 呈現
通過 Internet Explorer 5.5 或更高的版本，能夠將 SMIL 元素插入 HTML 文件中。

通過這種方式，任何 SMIL 呈現都能作為標準的 HTML 文件運行在因特網上。

添加引用
如需在 HTML 中使用 SMIL 元素，您必須為 Internet Explorer 定義一個 "time" 命名空間，這樣才能識別這些元素。請這樣做：

向 <html> 標簽添加命名空間定義
添加一個 <?import> 元素，以導入 "time" 命名空間
如需向標準的 HTML 元素添加 SMIL 屬性，您必須為 Internet Explorer 定義 "time" 類，這樣才能識別這些屬性。請這樣做：

添加一個定義 "time" 類的 <style> 元素

<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
<?import namespace="time" implementation="#default#time2">
<style>.time {behavior: url(#default#time2)}</style>
</head>

在下一段，您可以看到完整的運行實例。

添加 SMIL 元素
如需在 HTML 中運行 SMIL 呈現，只要為 SMIL 元素添加一個前綴以及一個 class 屬性：

<time:seq repeatCount="indefinite">
<img class="time" src="image1.jpg" dur="3s" />
<img class="time" src="image2.jpg" dur="3s" />
</time:seq>

在上面的例子匯總，我們為 <img> 元素添加了 class="time"，并為 SMIL 元素添加了 "time" 前綴。

提示：類和命名空間不必一定稱為 "time"。任何名稱都可以。

一個 Internet Explorer 實例

<html xmlns:time="urn:schemas-microsoft-com:time">
<head>
<?import namespace="time" implementation="#default#time2">
<style>.time {behavior: url(#default#time2)}</style>
</head>

<body>
<time:seq repeatCount="indefinite">
<img class="time" src="image1.jpg" dur="3s" />
<img class="time" src="image2.jpg" dur="3s" />
</time:seq>
</body>
</html>

上一篇：SMIL第2課：SMIL文件

下一篇：SMIL第4課：XHTML+SMIL