【Dojo 1.x】笔记4 文字动画效果
2018-06-27 09:11:09来源：未知 阅读 ()
这个笔记，仅仅演示dojo/fx模块的slideTo()方法的简单使用。
有关该模块的用法，见API；有关Dojo的动画、效果，见页面 效果 和 动画
1. 页面组织
html部分同笔记3，js部分如下：
<script src="https://cdn.bootcss.com/dojo/1.10.4/dojo.js" data-dojo-config="async: true"></script>
<script>
require([
'dojo/dom',
'dojo/fx', //多了fx模块的引用
'dojo/domReady!'
], function (dom, fx) {
var greeting = dom.byId('greeting');
greeting.innerHTML += ' from Dojo!';
fx.slideTo({
node: greeting,
top: 100,
left: 200
}).play();
});
</script>
如果不想看，直接抽取关键代码：
fx.slideTo({ node: greeting, top: 100, left: 200 }) .play();
2. 代码解释
fx模块调用slideTo方法，传参是一个Object，Obj给三个参数，node、top和left，即对greeting这个节点进行移动100和200像素，实在太简单了，看API就行，本篇仅仅作记录用，知道fx模块有这个功能。
有关slideTo()方法见下：
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- Jquery插件写法笔记整理 2020-03-29
- 麻雀虽小五脏俱全 Dojo自定义控件应用 2020-02-20
- manifest.json 解析--手机web app开发笔记（三-2) 2019-08-14
- es6学习笔记（二） 2019-08-14
- 前端笔记之微信小程序（四）WebSocket&Socket.io&am 2019-08-14
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
