首页 相关文章 MooTools教程(10):Fx.Tween渐变

MooTools教程(10):Fx.Tween渐变

今天我们开始第三讲,我们今天主要看一下。和我们看到的其他的MooTools函数一样,这些方法使用起来都非常简单,但是功能都很强大。Tween可以让你添加那些极炫的效果可以很平滑地发生形变动画,从而改善你的用户体验。

Tween的快捷方法

我们通常都从基本知识入手,不过MooTools 1.2只为渐变(tween)提供了这样极其出色的快捷方法,它们使用起来都极其简单以至于我忍不住要从这里开始。

.tween();

一个渐变(tween)是一个在两个样式属性值之间的平滑的变化。举个例子,通过渐变(tween)你可以把div的宽度(width)平滑地由100像素变化为300像素。

参考代码: tweenerFunction = () { $().tween(, );} window.addEvent(, () { $().addEvent(, tweenerFunction);});

相应于上面的代码,我们的HTML代码看起来大概应该是这样的:

参考代码: div id=/divbut...[ 查看全文 ]

2016-02-20 标签:

MooTools教程(10):Fx.Tween渐变的相关文章

手机页面
收藏网站 回到头部