| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 580 人关注过本帖
标题:简单的方式实现动画效果
只看楼主 加入收藏
ljc_zy
Rank: 3Rank: 3
等 级:论坛游侠
帖 子:56
专家分:131
注 册:2009-7-14
结帖率:100%
收藏
 问题点数:0 回复次数:0 
简单的方式实现动画效果
运用t:ANIMATE标记可以将一个普通对象动画化。
转自:http://xujiayou.w66.
下面看一个例子
<HTML XMLNS:t ="urn:schemas-microsoft-com:time">
<HEAD>
  <TITLE>t:ANIMATE Demo</TITLE>
  <?IMPORT namespace="t" implementation="#default#time2">
</HEAD>
<BODY>
<DIV ID="oDIV" STYLE="position:absolute; top:100px; left:50px; width:100px;
    height:50px; border:solid black 1px; text-align:center;">Moving DIV!</DIV>
<t:ANIMATE targetElement="oDIV" attributeName="left" to="200" dur="5"
    fill="hold"/>
</BODY>
</HTML>
其中:前缀t是说明xml语言的namespace,必须定义xml的命名空间为”urn:schemas-microsoft-com:time”,然后加载标记定义:<?IMPORT namespace="t" implementation="#default#time2">。
<t:ANIMATE targetElement="oDIV" attributeName="left" to="200" dur="5"
fill="hold"/>
意思为:动态修改oDIV对象的left属性值在5秒钟内从初始值逐渐修改为200.
这段代码的运行效果为,一个100px宽50px高的方框水平移动了100px。这样不通过脚本,我们也可以实现动画效果。
搜索更多相关主题的帖子: 动画 效果 
2009-07-14 14:04
快速回复:简单的方式实现动画效果
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.017816 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved