SMIL In HTML
Internet Explorer 能夠在 HTML 文件中運行 SMIL 呈現(xiàn)。
在 IE 中運行 SMIL 呈現(xiàn)
通過 Internet Explorer 5.5 或更高的版本,能夠?qū)?SMIL 元素插入 HTML 文件中。
通過這種方式,任何 SMIL 呈現(xiàn)都能作為標準的 HTML 文件運行在因特網(wǎng)上。
添加引用
如需在 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 呈現(xiàn),只要為 SMIL 元素添加一個前綴以及一個 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"。任何名稱都可以。
一個 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>