SMIL In HTML

正文,介紹,添加引用,添加 SMIL 元素,實例,

正文

介紹

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"。任何名稱都可以。

實例

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

熱門詞條

聯絡我們