Chuỗi SMIL
- Trang trước Thời gian SMIL
- Trang tiếp theo SMIL song song
<seq> - Yếu tố SMIL thường được sử dụng nhất - Định nghĩa chuỗi.
Yếu tố <seq>
Yếu tố <seq> có thể định nghĩa một chuỗi.<Các yếu tố con của yếu tố <seq>> được hiển thị theo thứ tự trong chuỗi.
Bạn có thể sử dụng yếu tố <seq> để định nghĩa danh sách hình ảnh, danh sách đoạn văn, danh sách video, hoặc bất kỳ yếu tố nào khác cần hiển thị.
Yếu tố <seq> có nhiều thuộc tính, trong đó thuộc tính thường được sử dụng nhất có:
Thuộc tính | Giá trị | Mô tả |
---|---|---|
begin | thời gian | Thời gian chờ trước khi hiển thị yếu tố. |
dur | thời gian | Đặt thời gian hiển thị. |
repeatCount | số | Đặt số lần hiển thị. |
Để xem danh sách đầy đủ các yếu tố và thuộc tính SMIL, vui lòng truy cập CodeW3C.com Hướng dẫn tham khảo SMIL。
Mô hình: Hiển thị chuỗi hình ảnh
<html xmlns:t="urn:schemas-microsoft-com:time"> <head> <?import namespace="t" implementation="#default#time2"> <style>.t {behavior: url(#default#time2)}</style> </head> <body> <t:seq repeatCount="indefinite"> <img class="t" src="image1.jpg" dur="1s" /> <img class="t" src="image2.jpg" dur="1s" /> </t:seq> </body> </html>
Mô hình: Hiển thị chuỗi văn bản
<html xmlns:t="urn:schemas-microsoft-com:time"> <head> <?import namespace="t" implementation="#default#time2"> <style>.t {behavior: url(#default#time2)}</style> </head> <body> <t:seq repeatCount="indefinite"> <h2 class="t" dur="1s"> Tôi sẽ hiển thị trong một giây</h2> <h2 class="t" dur="2s"> Tôi sẽ hiển thị trong hai giây</h2> <h2 class="t" dur="3s"> Tôi sẽ hiển thị trong ba giây</h2> </t:seq> </body> </html>
- Trang trước Thời gian SMIL
- Trang tiếp theo SMIL song song