具有在任意一个CSS属性的两个值之间过渡变换的能力。 包括颜色(值必须是十六进制格式的颜色代码). 从 Fx.Base 继承了所有的方法,属性,可选项,事件。
el | 目标元素 |
property | 目标属性,如'opacity' |
options | 参考Fx.Base |
var marginChange = new Fx.Style('myElement', 'margin-top',{duration:500}); marginChange.start(10, 100);
属性 | |
hide | 和Fx.Base.set (0)的效果相同,直接隐藏元素 |
set | 设置元素的css样式值。 |
start | 执行在指定值之间进行过渡变换效果。 |
和Fx.Base.set (0)的效果相同,直接隐藏元素
设置元素的css样式值。
var marginChange = new Fx.Style('myElement', 'margin-top',{duration:500}); marginChange.set(10);
执行在指定值之间进行过渡变换效果。
from | 整数,可选。开始值 |
to | 整数。结束值 |
如果只指定了一个值(即结束值), 则开始值将使用元素该css属性的当前值
var marginChange = new Fx.Style('myElement', 'margin-top',{duration:500}); marginChange.start(10);
在元素上应用一个 Fx.Style 。这个方法是 Fx.Style 的快捷方式.
property | 字符串。要进行变换的css属性 |
options | 可选,参考Fx.Style的可选项) |
var myEffect = $('myElement').effect('height', {duration: 1000,transition: Fx.Transitions.linear}); myEffect.start(10, 100);
//与上面等同的写法如下:
$('myElement').effect('height', {duration: 1000, transition:Fx.Transitions.linear}).start(10,100);
Documentation by Aaron Newton & Mootools Developers, generated by NaturalDocs and tidy, and GeSHi
文档中文翻译:zarknight 勘误Email:zarknight@gmail.com asp之家