文章分类
html+time第二节
<!DOCTYPE HTML PUBLIC “-//W
<HTML XMLNS:t=”urn:schemas-microsoft-com:time”>
<HEAD>
<META http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<META http-equiv=”Content-Style-Type” content=”text/css”>
<TITLE>大家一起来学习html+time</TITLE>
<STYLE type=”text/css”>
<!–
.time{ behavior:url(#default#time2); }
–>
</STYLE>
<?IMPORT namespace=”t” implementation=”#default#time2″>
</HEAD>
<BODY>
<IMG id=”image4″ src=”yanshi/xing1.gif” mce_src=”yanshi/xing1.gif” style=”position:absolute; left:0; top:100;” class=”time” begin=”0″ end=”am4.end+2″>
<t:animateMotion id=”am4″ targetElement=”image4″ from=”0,100″ to=”300,300″ begin=”image4.begin” dur=”3″ fill=”hold” />
</BODY>
</HTML>
演示：点击进入
大家可以看到这次效果的产生是因为红色部分的代码,至于第一部分我已经介绍过了,这里介绍第二部分的代码:<t:animateMotion>标记是用来移动图片表格等要素的,targetElement表示目标单元,用来表示待会作用到哪个对象上,可能这个有点面向对象的概念吧,大家可以搜下这方面的资料,这里我就不展开了from=”0,100″ to=”300,300″表示图片从0.0坐标移动到300.300坐标上.接着讲解dur=”3″,表示运动的速度,fill=”hold”表示是否固定在原位置,大家可以看演示例子的效果,可以看到一个固定在最后位置一个返回了起先位置,就是是否设置了fill=”hold” 而产生的效果。