文章分类
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=”i1″ src=”http://www.html-time.cn/yanshi/xing1.gif” mce_src=”http://www.xiaoyaor.com/logo.gif” style=”width:0; height:0; position:absolute; left:0; top:0;”>
<t:animate id=”large1″ targetElement=”i1″ attributeName=”width” from=”0″ to=”88″ begin=”1″ dur=”3″ fill=”hold” />
<t:animate id=”large2″ targetElement=”i1″ attributeName=”height” from=”0″ to=”31″ begin=”large1.begin” dur=”3″ fill=”hold” />
</BODY>
</HTML>
演示：点击进入
效果描述:就是让我的这个LOGO从0.0位置逐渐变化到88.31坐标
这里所与前面代码不同的无非就是<t:animate/>标记,这个标记是用来连续性变化图像大小的,感觉其他属性前面都讲过了,这里只是重复应用罢了,就不累赘拉~~~
这里我给大家留个作业:这里的形状变化是从左上角开始到右下脚的,如何做到从中间逐渐放大到两边呢?