- 时间:2020-08-07 07:40 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:Mootools 1.2教程 Fx.Tween的使用
和我们看到的其他的MooTools函数一样,这些方法使用起来都非常简单,但是功能都很强大。Tween可以让你添加那些极“炫”的效果——可以很平滑地发生形变动画,从而改善你的用户体验。
Tween的快捷方法
我们通常都从“基本知识”入手,不过MooTools 1.2只为渐变(tween)提供了这样极其出色的快捷方法,它们使用起来都极其简单以至于我忍不住要从这里开始。
.tween();
一个渐变(tween)是一个在两个样式属性值之间的平滑的变化。举个例子,通过渐变(tween)你可以把div的宽度(width)平滑地由100像素变化为300像素。
参考代码:
[url=http://www.consideropen.com/downloads/30days_of_moo/mootorial_day10_fx_tween.zip]下载一个包含你开始所需要的东西的zip包[/url][/b]
包含一个MooTools 1.2的库,上面的例子,一个外部JavaScript文件,一个简单的HTML文件和一个CSS文件。
和以前一样,你最好的资源是MooTools 1.2的文档。
[list]
[*]关于[url=http://mootools.net/docs/Fx/Fx.Tween].tween();[/url]方法的信息
[/*][*]还有,浏览一下[url=http://mootools.net/docs/Fx/Fx.Morph].morph();[/url]方法和[url=http://mootools.net/docs/Fx/Fx.Transitions]transitions[/url]库[/*][/list]