HTML-TIME
时间代码基础应用尝试
效果一：移动
效果二：间歇移动
图片对象
效果三：交错移动
　　效果三在效果二的基础上稍作调整即可。并且不需另外上传图片。
　　比较一下代码，可以看出，此三例制作实质上是一样的。具体设置不同，产生的效果不同。
　 　 　 　 　 　


　 　 　 　 　 　


　 　 　 　 　 　


　 　 　 　 　
　 　 　 　 　
　

<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /?>

<table style="position: relative; left: 100px; top: 0px; width: 200; height: 76" cellspacing="4" cellpadding="1" border="1" bgcolor="#339999" bordercolorlight="#99CCFF" bordercolordark="#006699">
<tr>
<td>

<t:par repeatCount = "indefinite">

<div style="overflow:hidden; position: relative; left: 0; top: 0; width: 200; height: 76">
<table id="pic01" begin="0" dur="20" style="BEHAVIOR: url(#default#time2); position: absolute; left: -400px; top: 0px; width: 600px; height: 76px" cellspacing="0" cellpadding="0" border="0" bordercolor="#FF0000">
<tr>
<td style="width: 100" background="http://webftp.bbs.hnol.net/dysr//html-time/marquee-pic/002.jpg">　</td>
<td style="width: 100" background="http://webftp.bbs.hnol.net/dysr//html-time/marquee-pic/001.jpg">　</td>
<td style="width: 100" background="http://webftp.bbs.hnol.net/dysr//html-time/marquee-pic/004.jpg">　</td>
<td style="width: 100" background="http://webftp.bbs.hnol.net/dysr//html-time/marquee-pic/003.jpg">　</td>
<td style="width: 100" background="http://webftp.bbs.hnol.net/dysr//html-time/marquee-pic/002.jpg">　</td>
<td style="width: 100" background="http://webftp.bbs.hnol.net/dysr//html-time/marquee-pic/001.jpg">　</td>
</tr>
</table>
</div>

<t:animateMotion id=am1 from = "0,0" targetElement = "pic01" to = "400,0" begin = "0" dur = "20" fill = "hold"></t:animateMotion>

</t:par>

</td>
</tr>
</table>
效果一：实效代码

<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /?>

<table style="position: relative; left: 100px; top: 0px; width: 200; height: 76" cellspacing="4" cellpadding="1" border="1" bgcolor="#339999" bordercolorlight="#99CCFF" bordercolordark="#006699">
<tr>
<td>

<t:par repeatCount = "indefinite">

<div style="overflow:hidden; position: relative; left: 0; top: 0; width: 200; height: 76">
<table id="pic02" begin="0" dur="20" style="BEHAVIOR: url(#default#time2); position: absolute; left: -400px; top: 0px; width: 600px; height: 76px" cellspacing="0" cellpadding="0" border="0" bordercolor="#FF0000">
<tr>
<td style="width: 100" background="http://webftp.bbs.hnol.net/dysr//html-time/marquee-pic/002.jpg">　</td>
<td style="width: 100" background="http://webftp.bbs.hnol.net/dysr//html-time/marquee-pic/001.jpg">　</td>
<td style="width: 100" background="http://webftp.bbs.hnol.net/dysr//html-time/marquee-pic/004.jpg">　</td>
<td style="width: 100" background="http://webftp.bbs.hnol.net/dysr//html-time/marquee-pic/003.jpg">　</td>
<td style="width: 100" background="http://webftp.bbs.hnol.net/dysr//html-time/marquee-pic/002.jpg">　</td>
<td style="width: 100" background="http://webftp.bbs.hnol.net/dysr//html-time/marquee-pic/001.jpg">　</td>
</tr>
</table>
</div>

<t:animateMotion id=am2 from = "0,0" targetElement = "pic02" to = "100,0" begin = "4" dur = "1" fill = "hold"></t:animateMotion>
<t:animateMotion id=am2 from = "0,0" targetElement = "pic02" to = "100,0" begin = "9" dur = "1" fill = "hold"></t:animateMotion>
<t:animateMotion id=am2 from = "0,0" targetElement = "pic02" to = "100,0" begin = "14" dur = "1" fill = "hold"></t:animateMotion>
<t:animateMotion id=am2 from = "0,0" targetElement = "pic02" to = "100,0" begin = "19" dur = "1" fill = "hold"></t:animateMotion>

</t:par>

</td>
</tr>
</table>
效果二：实效代码

代码简介
　　１、这类代码，最好在网页环境中运行。
　　若在电脑中调试，如果应用frontpage（office软件组中的一个）编辑，建立新文件即为页面环境，将代码粘贴到其中，即可预览效果。
　　２、白色文字内容，为常用代码，不详述；黄色文字内容与应用时间代码有关。
　　３、代码的基本涵意。

<?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /?>
　　这一行，可简单理解为，应用时间代码必须的设置、声明。不能少，照抄即可。

<t:par repeatCount = "indefinite"></t:par>
　　双标签代码。par为容器。repeatCount 为运行的次数，indefinite 为不确定，即为无数遍。若需指定遍数，可设置相应数值。

　　id="pic02" 为对象设置的名称，这里为 pic02。以便在控制中指定对象。
　　begin="0"  对象开始显示或动作的时间（绝对时间）。这里为0，即从一开始就动作。
　　dur="20"   对象显示或动作维持的时间长度。
　　BEHAVIOR: url(#default#time2);　对象的样式。这里为：行为应用默认的时间版本。照抄即可。

　　<t:animateMotion id=am2 from = "0,0" targetElement = "pic02" to = "100,0" begin = "4" dur = "1" fill = "hold"></t:animateMotion>
　　为元素（对象）设置一次动作。
　　from = "0,0"　对象动作的起点坐标，即动作前的坐标。
　　to = "100,0"　对象动作终止的坐标。这里为：水平方向右移100，垂直方向没有移动。
　　targetElement = "pic02"　指明被控制元素（对象）。这里为：pic02。
　　begin = "4" dur = "1"　上面已说明。