SMIL In HTML
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" 類(lèi),這樣才能識(shí)別這些屬性。請(qǐng)這樣做:
- 添加一個(gè)定義 "time" 類(lèi)的 <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" 前綴。
提示:類(lèi)和命名空間不必一定稱(chēng)為 "time"。任何名稱(chēng)都可以。
一個(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>