HTML+TIME
HTML+TIMEは、Microsoftが提唱しているHTMLの拡張機能です。
Internet Explorer 5からHTMLに時間的な動機機能を加えています。スタートや再生時間・回数などJava Scriptなしで利用できます。
スタイルボックスで、HTML+TIMEを指定するクラスセレクタに、behavior : url (#default#time);と記述します。
タグに、動作設定をします。表示回数を指定するt:repeatに、無限の場合indefiniteまたは、リピート回数。表示時間をt:dur、表示開始時間をt:beginに設定します。表示方法t:timelineは、parでバラバラに表示。seqで表示・非表示を連続して
再生させます。
{ behavior : url (#default#time); }
t:repeat="indefinite | repeat count"
t:dur="display time"
t:timeline="par | seq"
t:begin="start time"
<style type="text/css">
<!--
.time { behavior: url(#default#time); }
-->
</style>
<div class="time" t:repeat="indefinite" t:dur="5" t:timeline="seq">
<p><span class="time" style="color: rgb(255,128,0);" t:begin="0" t:dur="4">Dynamic</span><span
class="time" style="color: rgb(102,102,102);" t:begin="1" t:dur="3">HTML</span><span
class="time" style="color: rgb(102,102,255);" t:begin="2" t:dur="2">Styling</span></p>
</div>
Dynamic HTML Styling
<style type="text/css">
<!--
.time { behavior: url(#default#time); }
-->
</style>
<div class="time" t:repeat="indefinite" t:dur="3" t:timeline="par">
<p><span class="time" style="color: rgb(255,128,0);" t:begin="0" t:dur="1">Dynamic</span><span
class="time" style="color: rgb(102,102,102);" t:begin="0" t:dur="1">HTML</span><span
class="time" style="color: rgb(102,102,255);" t:begin="0" t:dur="1">Styling</span></p>
</div>
Dynamic HTML Styling
 |
 |
|---|
