SMIL第3課：SMIL In HTML

2020-11-26 19:41:40

字體：大中小

供稿：網(wǎng)友

Internet Explorer 能夠在 HTML 文件中運(yùn)行 SMIL 呈現(xiàn)。

在 IE 中運(yùn)行 SMIL 呈現(xiàn)
通過(guò) Internet Explorer 5.5 或更高的版本，能夠?qū)?SMIL 元素插入 HTML 文件中。

通過(guò)這種方式，任何 SMIL 呈現(xiàn)都能作為標(biāo)準(zhǔn)的 HTML 文件運(yùn)行在因特網(wǎng)上。

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

向 <html> 標(biāo)簽添加命名空間定義
添加一個(gè) <?import> 元素，以導(dǎo)入 "time" 命名空間
如需向標(biāo)準(zhǔn)的 HTML 元素添加 SMIL 屬性，您必須為 Internet Explorer 定義 "time" 類，這樣才能識(shí)別這些屬性。請(qǐng)這樣做：

添加一個(gè)定義 "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>

在下一段，您可以看到完整的運(yùn)行實(shí)例。

添加 SMIL 元素
如需在 HTML 中運(yùn)行 SMIL 呈現(xiàn)，只要為 SMIL 元素添加一個(gè)前綴以及一個(gè) class 屬性：

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

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

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

一個(gè) Internet Explorer 實(shí)例

<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